jQuery和Canvas.toDataURL

Question

我正在研究一個腳本，其中一小部分涉及到一個畫布並將其轉換爲可下載的圖像。要做到這一點，我這樣做：

var thumb_jpeg = thumbnail.toDataURL("image/jpeg"); 
$("#" + options.dest).attr('src',thumb_jpeg); 

...其中thumbnail是一個畫布標籤，options.dest是一個img id的名稱。

此代碼工作完全在Chrome中，但是當我嘗試在Firefox，Firebug的拋出了這個錯誤：

Security error" code: "1000 
var thumb_jpeg = thumbnail.toDataURL("image/jpeg"); 

我會鏈接到整個腳本，但一切都託管在我的電腦上。有誰知道這可能意味着什麼？

謝謝！ 傑夫

Answer 1

我相信這可能是因爲你有它託管在您的計算機上。你是直接從本地文件系統工作，還是在MAMP或WAMP等本地服務器上工作？當我將我的文件從我的硬盤驅動器移動到服務器時，我以前彈出了此安全代碼，並且緩解了這一問題。

Answer 2

朋友，這樣完美的作品：

document.querySelector('#mycanvas').toDataURL();