Syncfusion Angular Image Editor

Syncfusion文档与图像工具JavaScript

带有标注和导出功能的 Angular 图像编辑组件。

  • 提供裁剪、旋转、翻转和缩放图像功能。
  • 支持多种标注类型，包括文本、形状和自由手绘。
  • 支持将编辑后的图像导出为 PNG、JPEG 和 SVG 格式，并可自定义工具栏。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Angular Image Editor 产品图片
Syncfusion Angular Image Editor 是一款专为 Angular 应用程序设计的 UI 组件，使用户能够通过直观的交互来编辑图像。它提供裁剪、旋转、翻转、缩放，以及丰富的标注选项，包括文本、形状和自由手绘。该组件支持将图像导出为 PNG、JPEG 和 SVG 等常见格式，是满足 Web 应用中图像处理需求的多功能解决方案。

Image Loading and Saving

可从 base64 字符串或 URL 打开图像，支持 PNG、JPEG 和 SVG 格式。可使用可自定义的文件名、格式和质量设置保存已编辑图像。

Selection and Cropping

提供多种选择模式，包括方形、圆形和自定义宽高比。用户可以拖动并调整选择区域大小，以精确裁剪图像。

Image Transformation

可按 90 度间隔顺时针或逆时针旋转图像，并轻松水平或垂直翻转图像。

Annotations Support

可添加文本、矩形、椭圆、线条、箭头、自由手绘、图像覆盖和路径。可通过可配置的颜色、字体、描边宽度和样式自定义外观。

Zoom and Pan Capabilities

可使用鼠标滚轮、键盘快捷键或触摸设备上的捏合手势进行放大和缩小。可平移图像以在编辑过程中查看不同区域。

Toolbar Customization

内置工具栏提供丰富的图像编辑工具，可进行自定义，或替换为用户定义的工具栏模板，以满足特定 UI 需求。

Touch-Friendly and Responsive UI

采用自适应布局并支持捏合缩放等触摸手势，旨在让桌面端、平板和手机上的使用都更加便捷。

Z-Order and Layering

通过更改 z-order 管理重叠的标注，实现精确分层，这对于模板设计等复杂编辑任务非常重要。

Undo and Redo Functionality

可撤销或重新应用图像的最近更改，让用户可以自由尝试而不必担心丢失进度。

Accessibility and Localization

支持 UI 字符串本地化，并遵循可访问性标准，以确保不同受众都能方便使用。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Angular