JS Canvas - 保存透明图像

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();

问题在于它创造了＆＃34; test1.png＆＃34;图像与白色背景 （即使我将画布样式背景颜色设置为透明）

任何想法如何从画布生成透明的png文件？

Answer 1

参阅

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

如果你在画布上放置一个带有alpha的24位PNG，它就能理解它。

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