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

Question

1. 去this website。
2. 打开控制台并写：

`

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

3. 复制数据URL并粘贴到this site。

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

我已经尝试过的事情：

I have tried the solution to this question。 I.E.这段代码：

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)