[問題] HTML5 畫布 無法存檔

作者: iorange610 (椪柑橘)   2016-05-14 22:39:13
小妹參考了網路上的HTML5塗鴉板製作
( 參考網站: http://is.gd/VgKmwL )
自己改了一個
目前遇到一個問題想請問版上各位大大們
就是我的塗鴉板有"在畫布匯入圖片"以及"儲存圖片"的功能
畫布匯入圖片的畫面
(點選左邊的四個按鈕,會有圖片匯入畫布)
http://i.imgur.com/saicu61.png
畫布匯入圖片的程式如下
http://i.imgur.com/jjQ5ORu.png
儲存圖片的程式如下
http://i.imgur.com/NLv8mYk.png
現在發現如果在畫布上匯入圖片的時候
就無法儲存所畫的東西
如果是直接在空白畫布上塗鴉
就可以儲存圖片
想請問各位大大們有沒有辦法讓圖片匯入畫布時也可以儲存圖片呢QQ?
在此附上我的塗鴉板程式
https://drive.google.com/file/d/0B6_8P7jg0T4OX2xJNnJXZmt2Nms/view?usp=sharing
麻煩大家了謝謝!
作者: wuboy (光陰的故事)   2016-05-14 23:39:00
我猜是因為你用外部網址的圖片吧 canvas有安全性問題不讓讀
作者: shadowjohn (轉角遇到愛)   2016-05-15 01:00:00
外部的得作一下proxy,代抓http://3wa.tw/mycanvas/index.php?id=320
作者: akccakcctw (947)   2016-05-15 16:20:00
img.crossOrigin="anonymous"; 加在最後就可以了可以參考這邊的說明 https://goo.gl/jnFT9v

Links booklink

Contact Us: admin [ a t ] ucptt.com