騰訊開源web圖像處理引擎:AlloyImage

jopen 10年前發布 | 89K 次閱讀 圖形/圖像處理 AlloyImage

AlloyImage是騰訊Web前端 AlloyTeam 近日推出了最新開源項目。一個基于HTML5技術,使用Javascript語言開發的Web的在線圖像處理引擎 (簡稱AI),以及一個在線Web圖像處理平臺AlloyPhoto(簡稱AP)。集成了一些方便快捷的圖像處理API,您可以將它簡單快捷的引用到您的Web網頁中。


AlloyImage主要使用html5的canvas技術,并在多圖層(layer)處理方面做了創新性的嘗試,不僅如此,在技術實現層面,其架構方便擴展,使用者可以很容易寫出現一個AlloyImage的濾鏡插件,很多API支持重載,參數傳遞靈活。

 

后續AlloyImage將會持續更新,將更多的處理效果與工具加入到其中,并且會在性能方面做出一些優化與嘗試,AlloyImage將力求做一個開放、開源的強大的js圖像庫。

 

AlloyImage特性:

  • 強大功能
  1. 基于多圖層操作 — 一個圖層的處理不影響其他圖層
  2. 與PS對應的17種圖層混合模式 — 便于PS處理教程的無縫遷移
  3. 多種基本濾鏡處理效果 — 基本濾鏡不斷豐富、可擴展
  4. 基本的圖像調節功能 — 色相、飽和度、對比度、亮度、曲線等
  • 便捷開發
  1. 簡單快捷的API — 鏈式處理、API簡潔易用、傳參靈活
  2. 多種組合效果封裝 — 一句代碼輕松實現一種風格
  3. 友好參數支持 — 中、英文參數雙向支持,降低專業詞匯記憶門檻
  4. 接口一致的單、多線程支持 — 單、多線程切換無需更改一行代碼,多線程保持快捷API特性
  5. 可預見的錯誤友好提醒 — 對一些可能出現錯誤的地方提醒,方便開發與調試
  • 豐富擴展
  1. 方便的添加功能擴展 — 輕松添加濾鏡插件
  2. 為擴展提供數學封裝 — 封裝了一些數學模塊供擴展調用
  • 建議使用場景
  1. 桌面軟件客戶端內嵌網頁運行方式 >>>打包webkit內核: 用戶較大頭像上傳風格處理、用戶相冊風格處理(處理時間平均<1s)
  2. Win8 Metro應用 >>>用戶上傳頭像,比較小的圖片風格處理后上傳(Win8下IE10支持多線程)
  3. Mobile APP >>>Andriod平臺、IOS平臺小圖風格web處理的需求,如phoneGap應用, 在線頭像上傳時的風格處理、mobile web端分享圖片時風格處理等

AlloyPhoto特性:

  1. 基于AlloyImage的Web應用
  2. 簡約版和專業版
  3. AlloyImage能力展示
  4. AlloyImage的強勢Demo
  5. 方便快捷圖片在線圖像處理
  6. 保存圖片到本地

源碼結構:

  1. 清晰的架構體系
  2. 方便擴展的插件系統
  3. 開放的數學處理模塊
  4. 靈活的Public API方法重載
  5. 單例化主處理對象,節省內存
  6. 中英文友好參數映射支持

 

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!