执行canvas.toDataUrl（）时为空白图像

Question

1. 去这个网站 。

2. 打开控制台并输入：

`

var canvas = $("#mandelbox-canvas")[0];
var imgData = canvas.toDataURL("image/png").split(',')[1];
console.log(imgData);

3. 复制数据URL并粘贴到此站点中 。

为什么图像空白？ 我怎样才能解决这个问题？

我已经尝试过的事情：

我已经试过解决这个问题 。 IE这段代码：

var canvas = $("#mandelbox-canvas")[0];
canvas.getContext('webgl',{preserveDrawingBuffer:true});
var imgData = canvas.toDataURL("image/png").split(',')[1];
console.log(imgData)

但是图像仍然空白。 该图像不包含在画布上显示的图像。

Answer 1

因此，在对StackOverflow进行了很多拖曳之后，我发现了函数drawScene() （以某种方式）强制toDataURL()根据需要返回图像数据：

var canvas = $("#mandelbox-canvas")[0];
drawScene()
var imgData = canvas.toDataURL("image/png").split(',')[1];
console.log(imgData)