[問題] HTML5 畫布 無法存檔

看板Web_Design作者 (椪柑橘)時間9年前 (2016/05/14 22:39), 9年前編輯推噓4(404)
留言8則, 3人參與, 最新討論串1/1
小妹參考了網路上的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

05/14 23:39, , 1F
我猜是因為你用外部網址的圖片吧 canvas有安全性問題不讓讀
05/14 23:39, 1F

05/15 01:00, , 2F
外部的得作一下proxy,代抓
05/15 01:00, 2F
請問proxy要如何做呢?

※ 編輯: iorange610 (61.223.92.148), 05/15/2016 08:07:30

05/15 11:29, , 4F
原本你要抓的圖如http://a.com/1.jpg
05/15 11:29, 4F

05/15 11:30, , 5F
改http://您主機/p.php?url=http://a.com/1.jpg
05/15 11:30, 5F
謝謝s大!

05/15 11:30, , 6F
您主機p.php寫支簡單的代抓
05/15 11:30, 6F

05/15 16:20, , 7F
img.crossOrigin="anonymous"; 加在最後就可以了
05/15 16:20, 7F
謝謝a大!

05/15 16:27, , 8F
可以參考這邊的說明 https://goo.gl/jnFT9v
05/15 16:27, 8F
※ 編輯: 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
文章代碼(AID): #1NDpYLXF (Web_Design)
文章代碼(AID): #1NDpYLXF (Web_Design)