Create Moveable and Resizable Boxes on a Canvas using React JS 16
Budget: $30 – $250 USD
Looking for a developer to use React JS to create a component that allows for the creation of rectangles on a canvas which can be selected and then then dragged and dropped around the canvas, resized, and deleted using events.
The component should allow this functionality to apply to multiple canvases on the same webpage, and should store the rectangles in a JSON (or other reasonable format) so that the rectangles are shown in relation to the canvas.
The component should allow for the importing/exporting of a JSON object that contains the rectangles points (for example: top, topLeft, Right, bottomRight) in relation to the canvas, which will allow rectangles to be exported and imported.
The component should include functionality so that a button can be clicked to turn on and off the ability to create new rectangles.
I can provide examples, which demonstrate a good amount of this functionality in regular JS and some in React JS.
The component should allow this functionality to apply to multiple canvases on the same webpage, and should store the rectangles in a JSON (or other reasonable format) so that the rectangles are shown in relation to the canvas.
The component should allow for the importing/exporting of a JSON object that contains the rectangles points (for example: top, topLeft, Right, bottomRight) in relation to the canvas, which will allow rectangles to be exported and imported.
The component should include functionality so that a button can be clicked to turn on and off the ability to create new rectangles.
I can provide examples, which demonstrate a good amount of this functionality in regular JS and some in React JS.