{"repo":"vinothpandian/react-sketch-canvas","free":true,"listed":false,"github":"https://github.com/vinothpandian/react-sketch-canvas","clone":"git clone https://github.com/vinothpandian/react-sketch-canvas.git","description":"Freehand vector drawing component for React using SVG as canvas 🖌️","language":"TypeScript","stars":565,"topics":["canvas","react","sketch","component","freehand-drawing","sketching","react-library"],"license":"MIT","category":"ui-components","readme_excerpt":"Freehand vector drawing component for React using SVG as canvas 🖌          Overview Features - Supports Desktop and Mobile. - Accepts input from Mouse, touch, and graphic tablets. Requirements - Requires React = 18.0.0 Wanna test React Sketch Canvas before using it? - Try here Installation If you use npm or with pnpm Example Common usage example To export Data URL of your sketch use ref List of Props Props Expected datatype Default value Description ---------------------------------- ----------------- --------------------- --------------------------------------------------------------------------------------------------- width PropTypes.string 100% canvas width (em/rem/px) height PropTypes.string 100% canvas width (em/rem/px) id PropTypes.string \"react-sketch-canvas\" ID field to uniquely identify a SVG canvas (Supports multiple canvases in a single page) className PropTypes.string \"\" Class for using with CSS selectors strokeColor PropTypes.string black Pen color canvasColor PropTypes.string white canvas color (HTML colors) backgroundImage PropTypes.string '' Set SVG background with image URL exportWithBackgroundImage PropTypes.bool false Keep background image on image/SVG export (on false, canvasColor will be set as background) preserveBackgroundImageAspectRatio PropTypes.string none Set aspect ratio of the background image. For possible values check [MDN docs][preserveaspectratio] strokeWidth PropTypes.number 4 Pen stroke size eraserWidth PropT","default_branch":null,"files":null,"tree":[],"storefront":"/r/vinothpandian","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vinothpandian/react-sketch-canvas/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}