Blazor.SVGEditor
Canvas
Our great sponsors
Blazor.SVGEditor | Canvas | |
---|---|---|
6 | 6 | |
257 | 580 | |
- | 1.9% | |
7.7 | 0.0 | |
13 days ago | 17 days ago | |
C# | C# | |
MIT License | 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
-
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
Canvas
-
Creating 2d Interactive Building Map with Blazor.
Yes, I'm not aware of any way to use either the canvas api or webgl directly. This project has bindings for the canvas API, but it hasn't been updated in two years:https://github.com/BlazorExtensions/Canvas. SkiaSharp seems a nice option too: https://github.com/mono/SkiaSharp. It supports graphics across a whole load of platforms, including Blazor on the web.
-
C# / Blazor Wolfenstein - Part 1 - Blazor
My initial attempt at this was to use the Blazor.Extensions.Canvas package to do this much the same way I had with F# - I expected their might be excessive interop cost around putImageData (how you update the underlying data) but it seemed a good place to start. Unfortunately the authors of that package have not exposed that method so that quickly stymied that.
- Creating a webapp to visualize pathfinding algorithms
What are some alternatives?
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor
ant-design-blazor - 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
dotnet-webassembly - Create, read, modify, write and execute WebAssembly (WASM) files from .NET-based applications.
Blazor.Konva - Konva.js wrapper implementation for Blazor Wasm
BlazorDraggableDemo - Blazor Webassembly SVG Drag And Drop
RichCanvas - Infinite canvas with panning, zooming, scrolling and other customizable functions, designed for MVVM
Blazor.Popper - A Blazor wrapper for the Javascript library Popper.js
SwiftLaTeX - SwiftLaTeX, a WYSIWYG Browser-based LaTeX Editor
blazorboilerplate - Blazor Boilerplate / Starter Template with MudBlazor
fsharp-wolfenstein - An F# port of the 1992 classic Wolfenstein 3D