Syncfusion Vue Image Editor

Syncfusion文档与图像工具JavaScript

在 Vue 应用程序中以交互方式编辑和注释图像。

  • 支持裁剪、旋转、翻转和缩放图像。
  • 使用形状、文本和手绘为图像添加注释。
  • 轻松将图像导出为 JPEG、PNG 和 SVG 格式。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Vue Image Editor 产品图片
Syncfusion Vue Image Editor 在 Vue 应用程序中提供全面的图像编辑功能。它支持通过可自定义的选区进行精确裁剪，以及旋转和翻转等图像变换，还支持形状、文本和手绘等丰富注释。用户可以应用滤镜、缩放、平移，并将编辑结果导出为常见格式，同时可自定义质量和命名选项。

选择和裁剪

提供多种选择类型，包括正方形、圆形和预定义的宽高比。用户可以拖动并调整选区大小，以实现精确裁剪。

注释

包含用于向图像添加和自定义文本、形状（矩形、椭圆、线条）、手绘、图像、路径和箭头的工具。

图像变换

可按顺时针或逆时针旋转图像，水平或垂直翻转图像，并调整缩放级别。

撤销和重做

支持在编辑过程中撤销和重新应用操作，以便灵活调整。

缩放和平移

支持通过捏合手势、鼠标滚轮和键盘快捷键进行缩放。平移工具可在缩放时显示隐藏的图像区域。

加载和导出图像

支持从 base64 字符串或 URL 加载图像，并支持 PNG、JPEG 和 SVG。可将编辑后的图像以这些格式导出，并可配置文件名和质量。

可自定义工具栏

工具栏包含所有编辑功能的控件，并且可以使用预定义项或用户自定义项进行自定义。

快速访问工具栏

在选择注释时显示上下文相关的工具栏，可快速执行克隆、删除和文本编辑等操作。

边框和调整大小

为图像添加装饰性边框，并将图像调整为指定尺寸，以适应各种使用场景。

遮盖支持

通过应用模糊或像素化效果来隐藏敏感区域，以支持隐私合规。

本地化和主题

为不同语言本地化 UI 字符串，并应用内置或自定义主题，包括 Bootstrap 和 Tailwind CSS。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Vue.js