我无法让 toDataUrl() 工作。这是我的代码,我试图获取画布的图像并将其用作现有图像元素的源。
var canvas = document.getElementById('glcanvas');
canvas.setAttribute('crossOrigin','anonymous');
var img = document.getElementById('imageToShowCanvas');
img.src = canvas.toDataURL();
imageToShowCanvas 显示的是一个损坏的网址。当我 console.log 调用 toDataUrl() 的结果时,我得到一个链接,显示带有画布高度和宽度的透明图像。
我听说过 cors 问题会导致此类问题,但我使用带有 –allow-file-access-from-files 标志的 chrome,并且控制台中没有任何安全错误。有没有更简单的方法来获取我的 webGl 画布的屏幕截图?
谢谢LJ,我只需要在获取webGl上下文时启用preserveDrawingBuffer标志。屏幕截图现在可以完美运行!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)