Cropper.Blazor 1.0.1

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

dotnet add package Cropper.Blazor --version 1.0.1

NuGet\Install-Package Cropper.Blazor -Version 1.0.1

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="Cropper.Blazor" Version="1.0.1" />

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

<PackageVersion Include="Cropper.Blazor" Version="1.0.1" />
                    

                            Directory.Packages.props

<PackageReference Include="Cropper.Blazor" />
                    

                            Project file

For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.

paket add Cropper.Blazor --version 1.0.1

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

#r "nuget: Cropper.Blazor, 1.0.1"

#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.

#addin nuget:?package=Cropper.Blazor&version=1.0.1
                    

                            Install Cropper.Blazor as a Cake Addin

#tool nuget:?package=Cropper.Blazor&version=1.0.1
                    

                            Install Cropper.Blazor as a Cake Tool

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

Cropper.Blazor

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

Demo

CropperBlazor.github.io/demo

Usage

Import Custom Element:

@using Cropper.Blazor.Components

Add the following to index.html (client-side) or _Host.cshtml (server-side) in the head

<link href="_content/Cropper.Blazor/cropper.css" rel="stylesheet" />

Add the following to index.html or _Host.cshtml in the body

<script src="_content/Cropper.Blazor/cropper.js"></script>

Add the following to the relevant sections of Program.cs

using Cropper.Blazor.Extensions;

builder.Services.AddCropper();

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

Product	Compatible and additional computed target framework versions.
.NET	net6.0 is compatible. 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. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed.

Product

.NET

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.10)

NuGet packages (2)

Showing the top 2 NuGet packages that depend on Cropper.Blazor:

Package	Downloads
Jarvis.Blazor.Mud Biblioteca de componentes para MudBlazor.	2.6K
AlphaX.Blazor.Components.ImageCropper This Blazor-based package integrates Radzen components with the powerful image cropping functionalities of CropperBlazor and Cropper.js. It offers a seamless and intuitive image cropping experience for Blazor applications, providing developers with ready-to-use components to implement and customize image editing features in their web applications.	91

GitHub repositories

This package is not used by any popular GitHub repositories.