Allow moving element via dragging but only within a range and with a limit with Konva
So I am using a react-konva to make a canva in my React project, which contains a number of elements.
KonvaJS Canvas Export size and performance
I am trying to export the konvaJs stage as base64 using stage.toDataURL().
I would like to export the stage with size 36 by 48 inch which is 10800 by 14400 resolution.
I am using pixelRatio to generate the exported output with this desired resolution.
It is a huge resolution. I have all the konvaJS logic on client side. Exporting such a huge resolution is impacting the performance as the final output is above 50MB.
How to create Line points everytime I click?
Currently I’m drawing the line by mousedown mousemove and mouseup, but I want to create a line points every time I clicked the mouse.
How do I get/update position of children after dragging group react-konva
So in my web application using react-konva, I have a tool that lets me draw polygons with vertices as circles, I can drag the vertices and update the state of the vertices, but I would like to be able to drag the entire polygon and get the new position of circles in the group to update my state.