0.0.3 • Published 4 years ago
@johanbook/react-canvas v0.0.3
@johanbook/react-canvas
This library aims to make it easier to draw on HTML canvases.
Install
Install it using
npm install @johanbook/react-canvas
Basic usage
We can create a simple wave as
import Canvas from "@johanbook/react-canvas";
const NUM = 100;
const items = [];
for(let idx = 0; idx < NUM; idx++){
items.push({x: idx/NUM, y: 0})
}
const handleUpdateItem = (item, t) => {
item.y = Math.sin(item.x*8 +t-0.5)/2 + 0.5;
}
function Component() {
return (<Canvas
items={items}
height={100}
onUpdateItem={handleUpdateItem}
/>);