{"repo":"konvajs/react-konva","free":true,"listed":false,"github":"https://github.com/konvajs/react-konva","clone":"git clone https://github.com/konvajs/react-konva.git","description":"React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.","language":"TypeScript","stars":6400,"topics":["konva","draw-graphics","react","canvas","konva-framework","visualization"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Konva React Konva is a JavaScript library for drawing complex canvas graphics using React. It provides declarative and reactive bindings to the Konva Framework. OPEN DEMO An attempt to make React work with the HTML5 canvas library. The goal is to have similar declarative markup as normal React and to have similar data-flow model. At the current moment, react-konva is not supported in React Native environment. Currently you can use all Konva components as React components and all Konva events are supported on them in same way as normal browser events are supported. Installation Tutorials and Documentation Example To get more info about Konva you can read Konva Overview. Actually you don't need to learn react-konva . Just learn Konva framework, you will understand how to use react-konva Core API react-konva supports all shapes, that Konva supports with the same names, and also it supports all the same events like click , touchmove , dragend , etc with \"on\" prefix like onClick , onTouchMove , onDragEnd . Getting reference to Konva objects To get reference of Konva instance of a node you can use ref property. Strict mode By default react-konva works in \"non-strict\" mode. If you changed a property manually (or by user action like drag&drop ) properties of the node will be not matched with properties from render() . react-konva updates ONLY properties changed in render() . In strict mode react-konva will update all properties of the nodes to the values that you provided in re","default_branch":null,"files":null,"tree":[],"storefront":"/r/konvajs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/konvajs/react-konva/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."}