[問題] HTML5 畫布 無法存檔

[iorange610 (椪柑橘)]

小妹參考了網路上的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



麻煩大家了謝謝!













--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.46.75.135
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1463236757.A.84F.html
→ wuboy: 我猜是因為你用外部網址的圖片吧 canvas有安全性問題不讓讀
推 shadowjohn: 外部的得作一下proxy，代抓
請問proxy要如何做呢？
→ shadowjohn: http://3wa.tw/mycanvas/index.php?id=320
※ 編輯: iorange610 (61.223.92.148), 05/15/2016 08:07:30
推 shadowjohn: 原本你要抓的圖如http://a.com/1.jpg
→ shadowjohn: 改http://您主機/p.php?url=http://a.com/1.jpg
謝謝s大!
→ shadowjohn: 您主機p.php寫支簡單的代抓
推 akccakcctw: img.crossOrigin="anonymous";  加在最後就可以了
謝謝a大!

推 akccakcctw: 可以參考這邊的說明 https://goo.gl/jnFT9v
※ 編輯: iorange610 (61.223.92.148), 05/16/2016 09:34:30
※ 編輯: iorange610 (61.223.92.148), 05/16/2016 09:34:52
※ 編輯: iorange610 (61.223.92.148), 05/16/2016 09:35:17