Our great sponsors
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
I am trying to wrap Konva, a very rich library for working with the HTML5 canvas.
-
This is by the way the repo that uses the most of my Blazor articles which extends the Popper Wrapper example. https://github.com/KristofferStrube/Blazor.Popper
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
I have created a repo that could get you started on the project if you have any problems for the first tutorial example. https://github.com/KristofferStrube/Blazor.Konva And this is only the bare minimum for the example and I kinda did it in a rush. Also complete with a demo page: https://kristofferstrube.github.io/Blazor.Konva/
-
Are you going to use that this is specifically a canvas? If not then I would recommend to look at HTML SVG elements where you wouldn't even need to use JS Interop. This is an example that works with SVG Elements to achieve similar results as the ones you describe with being able to drag and use figures. https://github.com/KristofferStrube/Blazor.SVGEditor