執行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)