执行 canvas.toDataUrl() 时的空白图像

Question

转到this website。
打开控制台并写入：

`

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

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

为什么图片是空白的？我该如何解决这个问题？

我已经尝试过的东西：

I have tried the solution to this question。 IE。此代码：

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

然而图像仍然是空白的。图片不包含canvas.

上显示的图片

Answer 1

因此，在通过 Whosebug 进行大量搜索后，我找到了函数 drawScene()，它（以某种方式？）根据需要强制 toDataURL() 到 return 图像数据：

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

执行 canvas.toDataUrl() 时的空白图像

Blank image when executing canvas.toDataUrl()

javascript

canvas

todataurl