为什么在画布上调用toDataURL()会在某些情况下返回纯黑色图像?
E.g。试试这个测试用例:
在chrome:https://www.shadertoy.com/embed/Ms23DR
中打开此网址然后输入js控制台:
window.open(document.getElementById("demogl").toDataURL("image/png"));
它显示黑色图像,为什么?
如果您转到non-embedded page并输入相同的javascript,则会获得所需的图片!
在第一种情况下,图像变黑的原因是什么?
我问的原因是因为我在当前的项目中遇到了这个问题,我需要有一种方法从画布中以适用于所有现代浏览器的方式获取图像。我认为这种方式可行。
如果您能告诉我在上述测试用例中图像是黑色的原因,我感激不尽。
谢谢!