AlloyImage - 基于HTML5技术的专业图像处理库
####强大功能
- 基于多图层操作 -- 一个图层的处理不影响其他图层
- 与PS对应的17种图层混合模式 -- 便于PS处理教程的无缝迁移
- 多种基本滤镜处理效果 -- 基本滤镜不断丰富、可扩展
- 基本的图像调节功能 -- 色相、饱和度、对比度、亮度、曲线等
####便捷开发
- 简单快捷的API -- 链式处理、API简洁易用、传参灵活
- 多种组合效果封装 -- 一句代码轻松实现一种风格
- 友好参数支持 -- 中、英文参数双向支持,降低专业词汇记忆门槛
- 接口一致的单、多线程支持 -- 单、多线程切换无需更改一行代码,多线程保持快捷API特性
- 可预见的错误友好提醒 -- 对一些可能出现错误的地方提醒,方便开发与调试
####丰富扩展
- 方便的添加功能扩展 -- 轻松添加滤镜插件
- 为扩展提供数学封装 -- 封装了一些数学模块供扩展调用
###建议使用场景 1.桌面软件客户端内嵌网页运行方式 >>>打包webkit内核: 用户较大头像上传风格处理、用户相册风格处理(处理时间平均<1s)
2.Win8 Metro应用 >>>用户上传头像,比较小的图片风格处理后上传(Win8下IE10支持多线程)
3.Mobile APP >>>Andriod平台、IOS平台小图风格web处理的需求,如phoneGap应用, 在线头像上传时的风格处理、mobile web端分享图片时风格处理等
首先使用git clone复制一份AlloyPhoto的代码到本地:
git clone git://github.com/AlloyTeam/AlloyPhoto.git
然后使用npm安装modjs:
npm install -g modjs
安装成功后:
cd AlloyPhoto && mod dist
构建成功后会在 ./js/combined
目录下生成alloyimage.js
文件
- 更改代码架构,分离Filter
- 添加工具方法支持:色系提取
- 添加下载文件方法
- 添加 棕褐色 滤镜
- 添加 色调分离 滤镜
- 添加 Gamma 调节
- 更改代码,分离Alteration
- 添加仿射变换(缩放、平移、旋转)、裁切
- 增加可选颜色调节
- 曲线命令支持通道调节
- 优化代码,组合效果处理性能提升80%
- 添加木雕组合效果