無法將畫布導出為圖像

Question

我在這個頁面上有一個 html 頁面我只是想下載畫布但是得到這個

，我也試過這個，但沒有運氣，我也無法設置 CORS 策略，因為后面沒有 web 框架

$("#download" ).click(function() {
console.log( "Handler for .click() called." );

var link = document.createElement('a');
link.download = 'image.bmp';
link.href = document.getElementById('myCanvas').toDataURL();
link.click();

});

Answer 1

我認為這是因為您正在文件協議上加載它。

嘗試在 http-server 上運行它，如果您還沒有設置任何東西，請嘗試使用 npm http-server 包。 設置它應該不會超過 5 分鍾。

只需全局安裝它，然后運行您的文件夾。

希望這可以幫助！