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