{"repo":"konvajs/vue-konva","free":true,"listed":false,"github":"https://github.com/konvajs/vue-konva","clone":"git clone https://github.com/konvajs/vue-konva.git","description":"Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.","language":"TypeScript","stars":1352,"topics":["vue","konva","canvas","canvas-animation","konvajs","shape","vue-styleguidist","graphics"],"license":"MIT","category":"ui-components","readme_excerpt":"Vue Konva Vue Konva is a JavaScript library for drawing complex canvas graphics using Vue. It provides declarative and reactive bindings to the Konva Framework. All vue-konva components correspond to Konva components of the same name with the prefix 'v-'. All the parameters available for Konva objects can add as config in the prop for corresponding vue-konva components. Core shapes are: v-rect , v-circle , v-ellipse , v-line , v-image , v-text , v-text-path , v-star , v-label , v-path , v-regular-polygon . Also you can create custom shape. To get more info about Konva you can read Konva Overview. Documentation / live edit See Tutorials page Quick Start Vue.js version 2.4+ is required. 1 Install via npm vue@3 : vue@2 : 2 Import and use VueKonva vue@3 : vue@2 : 3 Reference in your component templates Or use a CDN Core API Getting reference to Konva objects You can use ref feature from vue . Strict mode By default vue-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 passed as config . vue-konva updates ONLY changed properties. In strict mode vue-konva will update all properties of the nodes to the values that you provided in config , no matter changed they or not. You should decide what mode is better in your actual use case. To enable strict mode pass \\ \\ useStrictMode attribute: Configurable prefix By default vue-konva is using v- prefix for all components. You ca","default_branch":null,"files":null,"tree":[],"storefront":"/r/konvajs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/konvajs/vue-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."}