Canvas
HTML5 Canvas API implementation for Microsoft Blazor (by BlazorExtensions)
Blazor.SVGEditor
A basic SVG editor written in Blazor. (by KristofferStrube)
Our great sponsors
| Canvas | Blazor.SVGEditor | |
|---|---|---|
| 6 | 6 | |
| 586 | 274 | |
| 2.2% | - | |
| 0.0 | 7.9 | |
| about 2 months ago | 3 days ago | |
| C# | C# | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
Canvas
Posts with mentions or reviews of Canvas.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-03-03.
-
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.
-
Is it possible to use WebGL2 with Blazor?
HLMGTFY - nah, I got you...
-
I am confused about WASM and Blazor and what graphic primitives are supported.
But. Nobody stops you to follow the Qt's way with Blazor: take any implementation of wrapper over browser's Canvas API and paint/manage your own UI from scratch.
- How to draw over an image?
- Creating a webapp to visualize pathfinding algorithms
Blazor.SVGEditor
Posts with mentions or reviews of Blazor.SVGEditor.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-06-07.
-
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
What are some alternatives?
When comparing Canvas and Blazor.SVGEditor you can also consider the following projects:
ant-design-blazor - 🌈A set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.
Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
dotnet-webassembly - Create, read, modify, write and execute WebAssembly (WASM) files from .NET-based applications.
Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor
Blazor.Konva - Konva.js wrapper implementation for Blazor Wasm
RichCanvas - Infinite canvas with panning, zooming, scrolling and other customizable functions, designed for MVVM
BlazorDraggableDemo - Blazor Webassembly SVG Drag And Drop
blazorboilerplate - Blazor Boilerplate / Starter Template with MudBlazor
SwiftLaTeX - SwiftLaTeX, a WYSIWYG Browser-based LaTeX Editor
fsharp-wolfenstein - An F# port of the 1992 classic Wolfenstein 3D
Blazor.Popper - A Blazor wrapper for the Javascript library Popper.js
Canvas vs ant-design-blazor
Blazor.SVGEditor vs Konva
Canvas vs dotnet-webassembly
Blazor.SVGEditor vs Blazor.Diagrams
Canvas vs Blazor.Diagrams
Blazor.SVGEditor vs Blazor.Konva
Canvas vs RichCanvas
Blazor.SVGEditor vs BlazorDraggableDemo
Canvas vs blazorboilerplate
Blazor.SVGEditor vs SwiftLaTeX
Canvas vs fsharp-wolfenstein
Blazor.SVGEditor vs Blazor.Popper