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

来源：互联网发布：佟丽娅长相知乎编辑：程序博客网时间：2024/06/06 02:23

题外话：这篇文章主要是因为前端时间写项目过程中自己学习的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

0 0