{"repo":"konvajs/svelte-konva","free":true,"listed":false,"github":"https://github.com/konvajs/svelte-konva","clone":"git clone https://github.com/konvajs/svelte-konva.git","description":"Svelte & Canvas - JavaScript library for drawing complex canvas graphics using Svelte.","language":"TypeScript","stars":126,"topics":["canvas","konva","svelte"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"svelte-konva svelte-konva is a component-based svelte wrapper for the Konva HTML5 2D canvas library. For further information and examples please visit the docs. Compatibility Refer to the following table for a compatibility overview: Svelte Konva svelte-konva notes ------ ----- ------------ ------------------------------------------------------ v5 v8-10 v1 migration guide v3-4 v8-9 v0.3 v0 docs Install Quick start Events You can listen to Konva events by using callback props named on{konva event name} . All Konva events are supported. Accessing the underlying Konva node In some cases you might need to access the underlying Konva node of the svelte-konva component directly. You can do this by accessing the node property of the corresponding component instance (example below) or by accessing it in the payload of a Konva event. Binding the config prop Svelte-Konva is able to keep certain props in sync with the internal state of Konva (position, rotation, scale, ...) after dragend and transformend events in case the prop is bound. In case you don't want svelte-konva to sync those changes internally (mainly due to performance reasons) you can pass the staticConfig prop to the component. Usage with SvelteKit Generally, svelte-konva is a client-side only library. When using SvelteKit, special care needs to be taken if svelte-konva/Konva functionality is used on prerendered and server side rendered (SSR) components. Prerendering and SSR happens in a Node.js environment. In case you u","default_branch":null,"files":null,"tree":[],"storefront":"/r/konvajs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/konvajs/svelte-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."}