AlloyImage:騰訊推出HTML5的開源專業級圖像處理引擎

jopen 11年前發布 | 8K 次閱讀 AlloyImage

        騰訊 Web 前端 AlloyTeam 近日推出了最新開源項目:一個基于 HTML5 技術的專業級圖像處理引擎——AlloyImage (簡稱 AI),以及一個在線 Web 圖像處理平臺——AlloyPhoto (簡稱 AP)。這預示著騰訊的 Web 前端團隊將在底層基礎技術層面做深入研究,并將更多的為業界提供基礎技術服務,同時也將與 HTML5 夢工場一起推動 HTML5 技術在業界的廣泛深入的應用。

        AlloyImage 是一個使用 Javascript 語言開發的,基于 Web 的在線圖像處理引擎,除了核心底層圖像處理引擎,還同時集成了一些方便快捷的圖像處理 API,您可以將它簡單快捷的引用到您的 Web 網頁中,做出與 PhotoShop 一樣的優美效果。甚至,你可以用 AlloyImage 來開發一個 Web 在線圖像處理軟件,如:Web 版的 PhotoShop——AlloyPhoto

  • 官網:http://alloyteam.github.com/AlloyPhoto/
  • 在線 Demo-AlloyPhoto:http://alloyteam.github.com/AlloyPhoto/alloyphoto.html
  • 源碼:https://github.com/AlloyTeam/AlloyPhoto
  • 團隊 Blog:http://www.AlloyTeam.com/
  • </ul>

    AlloyImage:騰訊推出HTML5的開源專業級圖像處理引擎

    AlloyPhoto 界面

    AlloyImage:騰訊推出HTML5的開源專業級圖像處理引擎

            原圖

    AlloyImage:騰訊推出HTML5的開源專業級圖像處理引擎

    暖秋效果

            這是騰訊 Web 前端團隊 AlloyTeam 的設計理念,團隊將會把 AlloyImage 打造成 Web 業界圖像處理的標準開源的體系,歡迎大家的使用,同時也歡迎各位牛人參與到開源項目中來!

            AlloyImage 特性

            1. API 簡單易用

            2. 提供進一步封裝的組合效果

            3. 高級組合效果,如素描,lomo,復古,素描等復合效果如一個素描效果的實現

            4. 圖層功能,提供圖層的添加,刪除,交換圖層順序等功能,且包含與 PS 相對應的 17 種圖層混合模式

            5. 圖像的基本調節功能,包括亮度、對比度,色相、飽和度、明度調節

            6. 多種濾鏡功能,去色、反相、高斯模糊、銳化、浮雕效果、查找邊緣、馬賽克、腐蝕等

            7. 處理后文件的保存,處理完成之后,可以將文件輸出為 base64 形式間接使用和保存

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

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

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