SuperAPI AI 工具集

syncfusion-aspnetcore-image-editor

设计与创作

查看项目

更新于 10-16 01:07

技能介绍

用途:在 ASP.NET Core 应用中实现 Syncfusion EJ2 Image Editor,提供浏览器内交互式图片编辑。支持打开、编辑、保存 PNG、JPEG、SVG、WEBP、BMP 格式,所有操作(标注、变换、滤镜)记录在 16 步撤销重做历史中。

主要能力:open() 支持本地文件、base64、Blob、URL、上传器、文件管理器,可用 imageSettings 指定宽高;export() 按格式与质量保存,getImageData() 取回 base64/Blob;可嵌入 Dialog、自动加水印,并处理 FileOpened、Saving、BeforeSave 事件。变换包括 rotate()、flip()、straightenImage()(±45°)、zoom() 与平移。选择与裁剪支持 custom、square、circle、宽高比类型及 crop()、preventScaling。标注含 drawText()、矩形、椭圆、线、箭头、路径、drawImage()、freehandDraw() 及 Z 轴管理。微调与滤镜支持亮度、对比度、饱和度、色相、曝光、模糊、不透明度,以及 cold、warm、chrome、sepia、grayscale、invert。另有 resize()、drawRedact() 模糊或像素化遮挡。工具栏可增删隐藏项、自定义模板,支持快速访问工具栏、本地化、WCAG 2.2 AA 与键盘快捷键。

必要用法:安装 Install-Package Syncfusion.EJ2.AspNet.Core;在 _ViewImports.cshtml 添加 @addTagHelper *, Syncfusion.EJ2;在布局中引用本地资源 /lib/ej2/fluent2.css 与 /lib/ej2/ej2.min.js,并放置 <ejs-scripts>;页面渲染 <ejs-imageeditor id="image-editor">,用容器 CSS 设定尺寸。

限制:资料要求运行时资产必须本地托管,禁止外部 CDN;不得用 open() 或 drawImage() 加载外部或不可信 URL,仅可用本地文件、base64、Blob;上传应限制扩展名与大小并在服务端校验 MIME 与体积,建议配置 CSP。具体价格、授权与性能指标暂未提供。