我正在使用以下代码下载(拍摄快照) Canvas :
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”图像 (即使我将 Canvas 样式背景颜色设置为透明)
知道如何从 Canvas 生成透明的 png 文件吗?
最佳答案
引用
https://www.patrick-wied.at/blog/how-to-create-transparency-in-images-with-html5canvas
如果您将带有 alpha 的 24 位 PNG 放在 Canvas 上,它会理解它。
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Using_images
关于javascript - JS Canvas - 保存透明图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45914459/