bobo腾讯开源web图像处理引擎: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. 中英文友好参数映射支持

 

 

DEMO:

  http://alloyteam.github.io/AlloyClip/

  http://alloyteam.github.io/AlloyPhoto/alloyphoto.html#

 

 

 

posted @ 2014-07-09 09:54  bobo41  阅读(550)  评论(0编辑  收藏  举报