Blazor- Cropper.Blazor

[删除(380066935@qq.com或微信通知)]

DurkaTechnologies/Cropper.Blazor: Cropper.js as Blazor component (github.com)

Cropper.Blazor is a component element that wraps around Cropper.js

Demo

https://durkatechnologies.github.io/Cropper.Blazor

Usage

Import Custom Element:

@using Cropper.Blazor.Components

And then use it in Razor file (for example):

<CropperComponent
  Class="cropper-demo"
  ErrorLoadImageClass="cropper-error-load"
  @ref="cropperComponent"
  OnCropStartEvent="OnCropStartEvent"
  OnCropEndEvent="OnCropEndEvent"
  OnCropEvent="OnCropEvent"
  OnZoomEvent="OnZoomEvent"
  OnCropMoveEvent="OnCropMoveEvent"
  OnReadyEvent="OnCropReadyEvent"
  OnLoadImageEvent="OnLoadImageEvent"
  Src="@Src"
  Loading="lazy"
  ErrorLoadImageSrc="@ErrorLoadImageSrc"
  IsErrorLoadImage="@IsErrorLoadImage"
  OnErrorLoadImageEvent="OnErrorLoadImageEvent"
  Options="options">
</CropperComponent>

And then use it in Razor.cs file