用途:本技能用于在 Blazor 应用中实现图像编辑功能,基于 Syncfusion Blazor Image Editor 组件,提供图像加载、变换、标注、滤镜、打码与导出等能力的实现指引。主要能力:支持打开 JPEG、PNG、JPG、WEBP、BMP 图像;导出 PNG、JPEG、SVG、WEBP,JPEG 可设置画质;提供裁剪(自定义、圆形、方形、比例)、旋转、翻转、拉直、缩放、平移;支持文本标注(字体、字号、颜色、加粗、斜体、下划线、删除线)、手绘、矩形、椭圆、箭头、路径、线条及图像标注,并支持层级调整与克隆;提供亮度、对比度、饱和度、色相、模糊等微调,以及滤镜、边框和 Mat、Bevel、Line、Inset、Hook 相框;支持模糊与像素化打码用于隐私保护。使用方式:安装 NuGet 包 Syncfusion.Blazor.ImageEditor 与 Syncfusion.Blazor.Themes;在 _Imports.razor 中添加 @using Syncfusion.Blazor.ImageEditor;在 Program.cs 中注册 builder.Services.AddSyncfusionBlazor();引入主题样式后渲染 SfImageEditor,并在 Created 事件中调用 OpenAsync 加载图像。支持 WebAssembly 与 Web App(Auto、WebAssembly、Server)渲染模式及 Bootstrap5、Fluent2、Material3、Tailwind3 主题。限制:资料未提供价格、授权与收费信息,亦未说明性能或浏览器兼容性细节;具体 API 参数与行为以官方文档为准。
syncfusion-blazor-image-editor
前端与建站
更新于 10-15 21:05