alloy团队基于canvas的图片处理插件AlloyImage

题外话：这篇文章主要是因为前端时间写项目过程中 自己学习的alloy的图片处理插件AlloyImage的使用 中间遇到了一些问题 在这里写出来 希望对有的朋友有所帮助

这个是alloy团队的github项目地址 https://github.com/AlloyTeam/AlloyPhoto
先上效果图















上面这么多的按钮都是各种不同的效果，由于比较麻烦我就只上传了几张

我上面都是按照官方文档写的

然后demo地址 http://1.universities.sinaapp.com/sc/alloy/index.php
简单说说中间遇到了什么问题

1.demo必须在服务器状态下运行 也就是说单纯的html本地以文件形式访问是没用的 本地使用必须在apache或者tomcat服务器下访问 不要以文件形式直接打开

2.使用在移动端上出现的问题 在android 微信里面使用会出现点击一下再点击另一个 图片直接消失 必须要点击原图恢复 ios上不会出现这个问题 推测是x5浏览器的问题 android上的解决办法是 点击之前重新调用 原图的点击事件 虽然比较慢

这个插件主要是基于canvas的 所以可以先了解一些h5canvas的知识 比如base64