Blazor.Extensions.Canvas 0.1.0

Prefix Reserved

There is a newer version of this package available.
See the version list below for details.

dotnet add package Blazor.Extensions.Canvas --version 0.1.0

NuGet\Install-Package Blazor.Extensions.Canvas -Version 0.1.0

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="Blazor.Extensions.Canvas" Version="0.1.0" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

paket add Blazor.Extensions.Canvas --version 0.1.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: Blazor.Extensions.Canvas, 0.1.0"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

// Install Blazor.Extensions.Canvas as a Cake Addin
#addin nuget:?package=Blazor.Extensions.Canvas&version=0.1.0

// Install Blazor.Extensions.Canvas as a Cake Tool
#tool nuget:?package=Blazor.Extensions.Canvas&version=0.1.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Usage

The following snippet shows how to consume the Canvas API in a Blazor component.

On your .cshtml add a BECanvas and make sure you set the ref to a field on your component:

@page "/"
@inherits IndexComponent

<h1>Canvas demo!!!</h1>

<BECanvas ref="@_canvasReference"></BECanvas>

On your component C# code (regardless if inline on .cshtml or in a .cs file), from a BECanvasComponent reference, create a Canvas2dContext, and then use the context methods to draw on the canvas:

private Canvas2dContext _context;

protected BECanvasComponent _canvasReference;

protected override void OnAfterRender()
{
    this._context = this._canvasReference.CreateCanvas2d();
    this._context.FillStyle = "green";

    this._context.FillRect(10, 100, 100, 100);

    this._context.Font = "48px serif";
    this._context.StrokeText("Hello Blazor!!!", 10, 100);
}

Contributions and feedback

Please feel free to use the component, open issues, fix bugs or provide feedback.

Contributors

The following people are the maintainers of the Blazor Extensions projects:

Product	Compatible and additional computed target framework versions.
.NET	net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed.
.NET Core	netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed.
.NET Standard	netstandard2.0 is compatible. netstandard2.1 was computed.
.NET Framework	net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed.
MonoAndroid	monoandroid was computed.
MonoMac	monomac was computed.
MonoTouch	monotouch was computed.
Tizen	tizen40 was computed. tizen60 was computed.
Xamarin.iOS	xamarinios was computed.
Xamarin.Mac	xamarinmac was computed.
Xamarin.TVOS	xamarintvos was computed.
Xamarin.WatchOS	xamarinwatchos was computed.

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

.NETStandard 2.0
- Blazor.Extensions.Canvas.JS (>= 0.1.0)
- Microsoft.AspNetCore.Blazor.Browser (>= 0.3.0)
- Microsoft.AspNetCore.Blazor.Build (>= 0.3.0)

NuGet packages (10)

Showing the top 5 NuGet packages that depend on Blazor.Extensions.Canvas:

Package	Downloads
FenixAlliance.ACL.Dependencies Application Component for the Alliance Business Suite.	886.7K
MComponents Another blazor component library	45.7K
Asmodat.Standard Multipurpose .NET Standard Extensions	27.9K
ApprenticeFoundryBlazor 2D and 3D graphics for blazor applications	8.5K
FoundryBlazor Package Description	3.5K

GitHub repositories (6)

Showing the top 5 popular GitHub repositories that depend on Blazor.Extensions.Canvas:

Repository	Stars
ArduPilot/MissionPlanner Mission Planner Ground Control Station for ArduPilot (c# .net)	1.8K
swharden/Csharp-Data-Visualization Resources for visualizing data using C# and the .NET platform	1.0K
SteveDunn/PacManBlazor PACMAN in Blazor WebAssembly	148
admin-shell-io/aasx-package-explorer C# based viewer / editor for the Asset Administration Shell	143
BlazorGuy/BlazorGalaga	142