Syncfusion.AspNetCore.ImageEditor 34.2.5

Prefix Reserved
.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Syncfusion.AspNetCore.ImageEditor --version 34.2.5
                    


                    

                
NuGet\Install-Package Syncfusion.AspNetCore.ImageEditor -Version 34.2.5
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="Syncfusion.AspNetCore.ImageEditor" Version="34.2.5" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Syncfusion.AspNetCore.ImageEditor" Version="34.2.5" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Syncfusion.AspNetCore.ImageEditor" />
                    


                            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 Syncfusion.AspNetCore.ImageEditor --version 34.2.5
                    


                    

                
#r "nuget: Syncfusion.AspNetCore.ImageEditor, 34.2.5"
#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. 
#:package Syncfusion.AspNetCore.ImageEditor@34.2.5
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Syncfusion.AspNetCore.ImageEditor&version=34.2.5
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Syncfusion.AspNetCore.ImageEditor&version=34.2.5
                    


                            Install as a Cake Tool

Syncfusion® ASP.NET Core ImageEditor Component

A component providing a rich set of tools to edit, annotate, and transform images directly in the browser without requiring server-side processing. Includes cropping, drawing, text annotations, filters, and more.

Key Features

  • Crop, rotate, flip, zoom, and resize images
  • Draw shapes: rectangles, ellipses, arrows, paths, and freehand
  • Add text annotations with font and color customization
  • Finetune adjustments: brightness, contrast, hue, saturation, opacity, and sharpness
  • Supports image filters: default, chrome, cold, warm, grayscale, sepia, etc.
  • Undo/redo and reset functionality
  • Save/export edited image as PNG, JPEG, or SVG

Common Setup

All Syncfusion ASP.NET Core controls share the same foundational setup steps:

1. Install NuGet Package

Install-Package Syncfusion.AspNetCore.ImageEditor

2. Register Tag Helper

Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:

@addTagHelper *, Syncfusion.AspNetCore.Base
@addTagHelper *, Syncfusion.AspNetCore.ImageEditor

3. Add Stylesheet & Script References

In your layout file (~/Pages/Shared/_Layout.cshtml):

<head>
    
    <link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
    
    
    <script src="_content/Syncfusion.AspNetCore.ImageEditor/scripts/sf-image-editor.min.js"></script>
</head>

4. Register Script Manager

In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:

<ejs-scripts></ejs-scripts>

Quick Start

Step 1: Create a PageModel

Create ~/Pages/Index.cshtml.cs:

using Microsoft.AspNetCore.Mvc.RazorPages;

public class IndexModel : PageModel
{
    public string ImageUrl { get; set; } = "/images/sample.jpg";

    public void OnGet()
    {
        // Initialize image editor
    }
}

Step 2: Create the View

Create ~/Pages/Index.cshtml:

@page
@model IndexModel

<div class="container-fluid mt-5">
    <h2>Image Editor Demo</h2>

    <ejs-imageeditor id="imageeditor" toolbar="@(new List<string> { "Crop", "Rotate", "Flip", "Straighten", "Resize", "Undo", "Redo" })" created="onCreated">
    </ejs-imageeditor>
</div>

<script>
function onCreated() {
    const imageEditor = document.getElementById('imageeditor').ej2_instances[0];
    imageEditor.open("/images/sample.jpg");
}
</script>

Step 3: Run the Application

Press Ctrl+F5 to run the application in your browser.

Documentation

Add Stylesheet and Script References

To use the Syncfusion ASP.NET Core Image Editor component, add the following references to your layout file:

For ASP.NET Core (Razor Pages) App: Add these to Pages/Shared/_Layout.cshtml.

For ASP.NET Core (MVC) App: Add these to Views/Shared/_Layout.cshtml.

<head>
    <link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
    <script src="_content/Syncfusion.AspNetCore.ImageEditor/scripts/sf-image-editor.min.js"></script>
</head>

Support

License

This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA

About Syncfusion®

Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:

Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  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 is compatible.  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.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on Syncfusion.AspNetCore.ImageEditor:

Package Downloads
Syncfusion.AspNetCore.FormRenderer

Syncfusion® ASP.NET Core FormRenderer package provides a comprehensive suite of FormRenderer control. This control offer extensive customization options such as RTL support, accessibility compliance, and theme support. They are designed to deliver a consistent and interactive user interface across all modern browsers in ASP.NET Core applications.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
34.2.5 0 8/25/2026
34.2.4 116 8/17/2026
34.2.3 114 8/11/2026
34.2.2 100 8/5/2026
34.1.33 116 7/27/2026
34.1.32 108 7/21/2026
34.1.31 110 7/14/2026
34.1.30 112 7/9/2026
34.1.29 159 7/6/2026

https://ej2.syncfusion.com/aspnetcore/documentation/release-notes/34.2.5/?utm_source=nuget&utm_medium=listing