題外話:這篇文章主要是因爲前端時間寫項目過程中 自己學習的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