Proper Wrapping of Object Libraries from JavaScript using C# and Blazor?

This page summarizes the projects mentioned and recommended in the original post on /r/Blazor

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
  • 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.

  • Blazor.Popper

    A Blazor wrapper for the Javascript library Popper.js

    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.

  • Blazor.Konva

    Konva.js wrapper implementation for Blazor Wasm

    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/

  • Blazor.SVGEditor

    A basic SVG editor written in 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

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts