JS帆布 - 保存透明圖像

Question

我使用下面的代碼下載（拍攝快照）一個帆布：

var strMime = "image/png"; 
    var canvas = document.getElementsByTagName('canvas')[0]; 
    var link = document.createElement("a"); 
    link.href = canvas.toDataURL(strMime); 
    link.download = 'test1.png'; 
    link.click(); 

的事情是，它有一個白色的背景創建「test1.png」形象 （即使我將畫布風格的背景顏色設置爲透明）

任何想法如何從畫布生成透明PNG文件？

Answer 1

參考

https://www.patrick-wied.at/blog/how-to-create-transparency-in-images-with-html5canvas

如果你把一個24位PNG與阿爾法它理解它在畫布上。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Using_images