Cropper Blazor component for cropping images
dotnet add package Cropper.Blazor
@using Cropper.Blazor.Components
<link href="_content/Cropper.Blazor/cropper.min.css" rel="stylesheet" />
<script src="_content/Cropper.Blazor/cropper.min.js"></script>
using Cropper.Blazor.Extensions; builder.Services.AddCropper();
using Cropper.Blazor.Extensions; builder.Services.AddServerSideBlazor() .AddHubOptions(options => { options.MaximumReceiveMessageSize = 32 * 1024 * 100; }); app.MapBlazorHub();
<PackageReference Include="Package name" VersionOverride="New version package" />
@using Cropper.Blazor.Components @using Cropper.Blazor.Models <CropperComponent Class="cropper-example" Src="cropperblazor.png" Options="new Options()" /> <style> .cropper-example { max-height: 300px; width: 100%; } </style>