AlloyImage:腾讯推出HTML5的开源专业级图像处理引擎

jopen 11年前

        腾讯 Web 前端 AlloyTeam 近日推出了最新开源项目:一个基于 HTML5 技术的专业级图像处理引擎——AlloyImage (简称 AI),以及一个在线 Web 图像处理平台——AlloyPhoto (简称 AP)。这预示着腾讯的 Web 前端团队将在底层基础技术层面做深入研究,并将更多的为业界提供基础技术服务,同时也将与 HTML5 梦工场一起推动 HTML5 技术在业界的广泛深入的应用。

        AlloyImage 是一个使用 Javascript 语言开发的,基于 Web 的在线图像处理引擎,除了核心底层图像处理引擎,还同时集成了一些方便快捷的图像处理 API,您可以将它简单快捷的引用到您的 Web 网页中,做出与 PhotoShop 一样的优美效果。甚至,你可以用 AlloyImage 来开发一个 Web 在线图像处理软件,如:Web 版的 PhotoShop——AlloyPhoto

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 图像库。