Syncfusion React Image Editor
一個用於進階影像編輯與註解的完整 React 元件。
- 支援裁剪、旋轉、翻轉、縮放與套用濾鏡。
- 可透過圖形、文字與手繪進行註解。
- 可將影像匯出為 JPEG、PNG 與 SVG 格式，並支援可自訂的工具列。
起價:
Image Loading and Saving
可從 base64、ImageData 或 URL 開啟影像，並支援 PNG、JPEG 與 SVG 格式。可透過檔名與品質控制，將編輯後的影像儲存為多種格式。
Image Selection and Cropping
可使用自訂、方形、圓形或預先定義的長寬比選項來選取影像區域。透過拖曳與調整選取區域大小，可有效裁剪影像。
Image Transformation
以 90 度為增量順時針或逆時針旋轉影像，並可水平或垂直翻轉影像，包括所有已套用的註解。
Annotations Support
可新增文字、圖形（矩形、橢圓、線條）、手繪、影像覆蓋層、路徑與箭頭。可自訂顏色、筆觸寬度、字型屬性與位置。
Zoom and Pan Functionality
可使用鍵盤、滑鼠滾輪或觸控手勢調整影像縮放與位置。可平移以動態檢視不同的影像區域。
Toolbar Customization
可透過新增、移除或以自訂 jsx 範本取代項目，來修改內建工具列，以配合特定需求調整使用者介面。
Image Filters and Fine-Tuning
可套用預先定義的濾鏡，例如 sepia、grayscale、invert、warm 與 cold。也可透過 UI 或 API 微調影像屬性，包括亮度、對比、曝光、色相、飽和度、不透明度與模糊。
Responsive, Touch-Friendly Interface
此元件會自動適應各種螢幕尺寸與輸入類型，讓桌機、平板與行動裝置都能享有順暢的使用體驗。
Z-Order Management for Annotations
可控制註解的堆疊順序，以管理重疊與可見性，這對建立複雜的影像合成效果至關重要。
Developer-Friendly APIs and Theming
提供豐富的 API 以進行程式化控制，並支援多種內建主題，也可使用 SASS 變數或 Theme Studio 進行自訂主題設定。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- React
關於Syncfusion
Syncfusion 成立於 2001 年，總部位於北卡羅來納州 Morrisville，專注於提供豐富的開發人員元件、控制項與框架，適用於 .NET、JavaScript，以及主要的行動與桌面開發平台。憑藉遍布 125 多個國家的 12,000 多名客戶，它服務的客戶群多元，從個人開發者到 Fortune 500 企業皆涵蓋其中。Essential Studio 等知名產品系列提供超過 1,600 個元件，支援快速應用程式開發、深入的商業智慧，以及穩健的報表解決方案，並搭配即時回應的支援與透明的授權制度。
