近日，腾讯Web前端Alloy团队Blog发布了最新开源项目：基于HTML5技术的专业图像处理引擎——AlloyImage（简称AI）和在线Web图像处理平台——AlloyPhoto（简称AP） 。 该项目源代码发布于 。 InfoQ中文网对此做了相关报道。 故事结束后，我们联系了 Alloy 团队，进行了一次电子邮件采访，内容涉及 AlloyImage、HTML5、JavaScript 开发和开源以及许多其他问题。
以下为采访内容：
InfoQ：您能简单介绍一下 Alloy 团队吗？
Alloy：很多人都好奇腾讯AlloyTeam这个名字的含义和由来。 这里确实有一段历史。 2008年，我们团队开始开发WebQQ（现称为Q+ Web）。 WebQQ率先开放WebOS、云计算、AppStore和Web。 因此，我们给了WebQQ一个开发代号——AlloyOS。 Alloy的英文含义是合金、共铸、合成。 只是说WebQQ是整合公司内外的各种互联网服务产品AlloyTeam是一个为用户提供一站式网络生活的平台，所以我们团队的名字自然就是AlloyTeam。 AlloyTeam的名字也有结合所有团队成员才能的含义。 。 所以后来出来的一些项目也以Alloy命名，比如AlloyPhoto、AlloyImage、AlloyTimer等等。
我们的团队主要面向Web前端领域。 2008年，为了更快更好的开发WebQQ，我们开发了通用Web前端框架JX（Javascript eXtension），随后为了团队能够在Mac下轻松开发Web产品，我们的同事潘祥志开发了跨平台包捕捉工具 Rythem。 后来，为了提高迭代和发布效率，龙福康开发了智能图像组合工具iSpriter。 后来我们参与了Q+产品的开发。 为了进一步研究Web与客户端技术的结合，郭大阳的同事开发了WebTop。 在HTML5技术刚开始流行的时候，为了学习和研究，我们共同开发了一个在线编程对战游戏平台CodeTank（代码坦克）。 后来我们团队2012年的新成员参加了【腾讯创意马拉松】，并开发了一款HTML5体感游戏“WallComing”。 目前团队还在做一些联通Web的开发，所以不久的将来会有一些联通的开发框架。
附上一些主要的自由项目作品：
并且还有很多新鲜有趣的项目还在开发中，会不定期的公布。
InfoQ：为什么需要 Javascript 图像处理引擎？
Alloy：首先，腾讯还是希望以务实的态度为行业做出一些基础的技术贡献。 目前我们Alloy团队主要是在做HTML5的研究，所以我们希望能够为行业提供一些好的HTML5技术基础，同时我们也是HTML5梦工厂的主要成员，希望能够推动HTML5技术在行业中的应用。一起进行实际项目。 其次，市面上的在线图像处理软件都是用Flash编写的。 Flash本身并不是html规范的一部分，而且移动端的支持也不够好，所以需要更换在线图像处理，使用html5来编写也是情有可原的。 第三，html5虽然为图形操作提供了很好的接口，但是图像处理的门槛比较高。 很多普通的Web开发者并不想学习这些知识，只是想达到一些常见的疗效。 一个图像处理引擎，所以基于以上几点，我们团队开发了AlloyImage图像处理引擎。
InfoQ：这个引擎的核心实现原理是什么？
Alloy：AlloyImage的核心实现原理是以HTML5 Canvas提供的像素级操作为入口，对图像进行一些算法操作，从而进行数字图像处理。 这也是传统的图像处理软件进行图像处理的方法。 加工的基本原理。
InfoQ：这个实施的效率如何？
Alloy：为了测试执行效率，我们做了一个简单的性能测试，结果见下表：
AlloyImage性能测试美白素描软焦仿Lomo粗木雕320*240 0.115 0.06 0.077 0.166 0.181 0.669 600*450 0.221 0.178 0.161 0.377 0.336 2.435 480*800 0.303 0 . 26 0.255 0.532 0.477 3.248 960*720 0.476 0.409 0.372 0.89 0.853 6.185配置i5-从4200@3.1GHZ Chrome25的测试结果可以看出，大部分综合疗效的处理速率还在可接受的范围内。
图像处理必须进行像素级的操作，这必然会导致大量的循环操作，这是影响整体运行时间的主要因素。 由于JavaScript是解释型语言，编译时执行的效率相对编译后执行的效率要低。 一方面，不同浏览器对类库的优化存在差异。 Chrome浏览器相对来说比较好。 基于TypedArray类型的字段循环操作的运行时间比传统的混合链表要短很多，因此Chrome在这方面的运行效率是比较高的。 IE要高很多。 另一方面，运行效率也受到硬件配置的影响。
InfoQ：您在开发过程中遇到过什么困难吗？ 怎么解决的？
Alloy：开发过程中遇到的困难可能是socket的设计和算法的实现。 在接口设计方面，我们通常会征求团队的意见，并参考一些优秀开源引擎的socket设计特点。 在算法实现方面，AlloyImage需要不断学习相关专业知识来解决问题。
InfoQ：AlloyImage 有什么实际应用吗？
Alloy：AlloyPhoto 的简易版和专业版中已经使用了 AlloyImage，如下图：
还有一些项目正在开发中。
InfoQ：市场上有类似的产品吗？ AlloyImage 有什么独特之处？
Alloy：国内外有一些直接利用canvas来做一些治疗效果的尝试或者代码库。 然而这些产品并没有任何扩展和对多视口的支持，用户可以扩展的东西很少。 AlloyImage不仅提供了视口操作方法html5应用框架，还提供了一些基本的调整功能和滤镜。 此外，AlloyImage 还提供了更多可定制和可组合的效果。 例如，开发人员可以组合两个图像并添加不同的滤镜效果来创建一些意想不到的效果。 甚至photoshop中的一些样式处理教程也可以直接通过编写AlloyImage来实现。
InfoQ：后续版本有什么计划？
Alloy：AlloyImage后续版本将添加WebWorker多线程机制。 其次，性能将进一步优化。 另一方面，将添加更多滤镜效果和调整效果，以及笔画、橡皮擦等工具的工具插座。 这是一个中间组合。 功效也会显得更多。
InfoQ：您能评估一下HTML5的现状并展望它的前景吗？
Alloy：HTML5的发展取决于浏览器的支持和预计性能的改进。 据我们统计，中国的IE6-8已经占据了50%以上的市场份额。 IE9+以及Chrome、Firefox、Safari、Opera等浏览器支持HTML5的比例已经超过50%。 在国内，由于系统升级缓慢以及微软对IE的捆绑，对HTML5有良好支持的Chrome、Firefox、Safari、Opera等浏览器在国内还不够普及。 HTML5在中国还有一段路要走，但是这期间有很多新的尝试和想法。
移动端相对较好，iOS、Android等平台占据绝对市场份额。 他们的浏览器都基于Webkit内核，对HTML5有很好的支持。 随着中国联通设备硬件的快速发展，计算性能较3年前有了很大的提升。 例如，2010年，在手机上使用HTML5开发WebQQ好友列表，滚动效果非常慢，与Native开发的列表体验无法相比，但到了2013年，与当前主流设备体验几乎无法区分从本土经验来看。
随着FirefoxOS的推出，使用HTML5开发应用程序的趋势将越来越明显。 也许未来，在iOS和Android上，你只需要关注微信公众平台，手机桌面上就有一个HTML5 App。 HTML5 App不需要安装、按需加载、离线缓存等优势将显着展现。 届时，约70%不需要高强度、高性能计算的应用将采用HTML5技术开发。 在达到相同体验的前提下，它将比Native具有更高的开发效率和跨平台特性，受到开发者的重视。
HTML5提供了丰富的API，让Web拥有很多接近Native应用的能力。 与Native应用相比，HTML5具有开发敏捷、跨平台的优势。 因此，凭借改进的硬件性能、良好的浏览器支持以及快速的网络速度，HTML5在未来，HTML5将会表现得非常出色。 同时，对HTML5开发者的专业要求也会变得更强，需要更多的底层库，比如WebGL库等，相信未来会出现更多的HTML5基础框架。
InfoQ：腾讯/Alloy团队对于开源的态度是什么？
Alloy：Web前端技术非常适合开源。 现在Github上最多的开源项目都是Javascript语言的。 这是一种神奇的语言。 它最初是一种免费语言，现在已经发展到如此流行。 开发语言离不开Javascript运行机制天然的开源特性。 这也是它如此受欢迎的原因之一。
腾讯合金团队特别愿意参与开源项目。 众所周知，开源项目促进技术交流和进步。 每个开发人员都从开源项目中受益。 开源项目的发展将有效推动行业技术的进步。 我们Alloy团队会利用业余时间参与一些有趣的开源项目html5应用框架，也会推出一些有趣的开源项目。 欢迎更多开发者参与。
InfoQ：谢谢 Alloy 团队！ 让我们期待更多更好的Alloy开源作品！
（采访结束）
