mirror-github-bspeice/speice.io
1
0
Fork 0
mirror of https://github.com/bspeice/speice.io synced 2025-07-05 07:44:54 -04:00
Code Issues Releases Wiki Activity

Use a sizing ref to avoid resizing the canvas

Browse Source
This commit is contained in:
Bradlee Speice
2024-12-11 17:28:04 -05:00
parent c3c3c65614
commit f643996128
4 changed files with 55 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
blog/2024-11-15-playing-with-fire/3-log-density/FlameHistogram.tsx
View File

@ -4,11 +4,10 @@ import {PainterContext} from "../src/Canvas";
import {chaosGameHistogram} from "./chaosGameHistogram";
type Props = {
quality?: number;
paint: (width: number, histogram: Uint32Array) => ImageData;
paint: (width: number, height: number, histogram: number[]) => ImageData;
children?: React.ReactElement;
}
export default function FlameHistogram({quality, paint, children}: Props) {
export default function FlameHistogram({paint, children}: Props) {
const {width, height, setPainter} = useContext(PainterContext);
useEffect(() => {
@ -17,11 +16,10 @@ export default function FlameHistogram({quality, paint, children}: Props) {
height,
transforms,
final,
quality,
paint
}
setPainter(chaosGameHistogram(gameParams));
}, []);
}, [width, height]);
return children;
}