JS Canvas - 保存透明图片

【问题标题】：JS Canvas - Save Transparent ImageJS Canvas - 保存透明图片
【发布时间】：2018-02-05 10:55:49
【问题描述】：

我正在使用以下代码下载（拍摄快照）画布：

    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 文件吗？

【问题讨论】：

标签： javascript css html canvas

【解决方案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

【讨论】：

没用，还在下载白色背景的图片
只是一个小评论：尝试在没有strMime的情况下调用canvas.toDataURL()
你解决了吗？