Blazor.SVGEditor
BlazorDraggableDemo
Our great sponsors
| Blazor.SVGEditor | BlazorDraggableDemo | |
|---|---|---|
| 6 | 1 | |
| 271 | 45 | |
| - | - | |
| 7.7 | 0.0 | |
| 23 days ago | over 2 years ago | |
| C# | HTML | |
| MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Blazor.SVGEditor
-
Keyboard event listeners not working on svg element
Also, that is not true. Check out my Blazor SVG Editor https://github.com/KristofferStrube/Blazor.SVGEditor or my Blazor real-time drawing demo https://github.com/KristofferStrube/DistributedDrawing
-
Ahead-Of-Time Compilation for Blazor Wasm
I use it in this application: https://github.com/KristofferStrube/Blazor.SVGEditor I only use Blazor to update my UI with minimal JS to get bounding boxes for some elements so for me, this was a huge performance increase.
- I have worked more on my Blazor SVG Editor. It explores how to work with dynamic content and SVG's in Blazor Wasm
-
Proper Wrapping of Object Libraries from JavaScript using C# and Blazor?
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
-
2D SVG layout widget.
Why would you need SkiaSharp for that? Did you think for rendering purposes? I created something that is somewhat related using Anglesharp to read SVG: https://github.com/KristofferStrube/Blazor.SVGEditor If you think to use SkiaSharp for rendering some SVG to an image then that would *probably* not be possible as that part is *probably* dependant on System.Drawing.Common
- I have started creating a SVG WYSIWYG editor in Blazor Wasm
BlazorDraggableDemo
-
Blazor Webassembly SVG Drag And Drop
Demo | GitHub| Article
What are some alternatives?
Canvas - HTML5 Canvas API implementation for Microsoft Blazor
CRUDBlazor - An example of how to make a CRUD using Blazor and MemoryDatabase
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
dotnet-blazor-games - Game examples implemented in .NET blazor components primarily for educational purposes.
Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor
Plotly.Blazor - This library packages the well-known charting library plotly.js into a razor component that can be used in a Blazor project.
Blazor.Konva - Konva.js wrapper implementation for Blazor Wasm
windy-ui - A Tailwind CSS based component library for Blazor. Inspired by Tailwind UI.
SwiftLaTeX - SwiftLaTeX, a WYSIWYG Browser-based LaTeX Editor
DoublePendulum - Double Pendulum Playground
Blazor.Popper - A Blazor wrapper for the Javascript library Popper.js
DragAndDropList - Minimal implementation of drag & drop list. #Blazor WebAssembly.