webgl canvas的toDataURL（）返回透明图像

Question

我无法使用toDataUrl（）。这是我尝试获取画布图像并将其用作现有图像元素来源的代码。

var canvas = document.getElementById('glcanvas');
canvas.setAttribute('crossOrigin','anonymous');
var img = document.getElementById('imageToShowCanvas');
img.src = canvas.toDataURL();

imageToShowCanvas显示的是一个损坏的URL。当我console.log调用toDataUrl（）的结果时，我得到一个链接，该链接显示具有画布高度和宽度的透明图像。

我听说过cors问题会导致此类问题，但我正在将chrome与–allow-file-access-from-files标志一起使用，并且控制台中没有任何安全性错误。有没有更简单的方法来获取我的webGl画布的屏幕截图？

Answer 1

谢谢LJ，我只需要在获取webGl上下文时启用prepareDrawingBuffer标志。屏幕截图现在可以完美运行了！