How to use the roughjs/bin/canvas.RoughCanvas function in roughjs
To help you get started, we’ve selected a few roughjs examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ooade / react-rough / src / RoughComponents.tsx View on Github 
useDeepCompareEffect(() => {
const rendererElement = ref && ref.current;
const renderer = getRenderer();
if (!rendererElement) return;
if (renderer === 'svg') {
const roughSvg = new RoughSVG(rendererElement as SVGSVGElement, config);
const node = render(roughSvg) as Node;
rendererElement.appendChild(node);
return (): void => {
rendererElement.removeChild(node);
};
} else {
const roughCanvas = new RoughCanvas(
rendererElement as HTMLCanvasElement,
config
);
render(roughCanvas);
}
}, [ref, render]);roughjs
Create graphics using HTML Canvas or SVG with a hand-drawn, sketchy, appearance.
