设计与多媒体

syncfusion-react-image-editor

syncfusion/reac…s-skills

Master Syncfusion React Image Editor for comprehensive image editing. Use this when users need to edit images, add annotations, apply filters, manage layers, or implement image editing features. Supports multiple formats (PNG, JPEG, SVG, WEBP, BMP), annotations (text, shapes, freehand, images), effects (filters, finetune), and accessibility features.

  • 726 次安装
  • 3 星标
  • 收录于

安装命令

npx skills add https://github.com/syncfusion/react-ui-components-skills --skill syncfusion-react-image-editor

SKILL.md

Implementing Syncfusion React Image Editor

The Syncfusion React Image Editor is a comprehensive, feature-rich component for editing images directly in your React applications. It provides an intuitive interface with powerful tools for transformations, annotations, effects, and more.

Component Overview

The Image Editor combines a canvas-based editing environment with a comprehensive toolbar and contextual tools. It supports:

  • Multiple Input Sources: Files, URLs, base64, blobs, file managers, treeviews
  • Rich Annotation Support: Text (with styling), shapes, freehand drawings, watermarks
  • Professional Effects: Filters and fine-tuning controls
  • Advanced Operations: Z-order management, redaction, frame decoration
  • Accessibility First: Full keyboard navigation, WCAG compliance, RTL support, 120+ localization keys
  • Flexible Integration: Standalone or within dialogs, with customizable toolbars

Documentation and Navigation Guide