base64 canvas webgl object is blank

Question

Я пытаюсь напечатать объект webvas canvas, который сгенерирован в моем HTML.

HTML, DOM:

 <canvas id="__viewer0-canvas" class="scroller " width="818" height="423" style="touch-action: none; -webkit-transform: scale(1) translate(0px, 0px); -webkit-user-select: none; -webkit-user-drag: none; width: 818px !important; height: 423px !important; "></canvas> 

Я использую следующие, чтобы получить объекты dataURL

 $('#__viewer0-canvas')[0].toDataURL(); 

Но base64 просто дает пустое изображение, когда я попытался преобразовать его в изображение в http://www.askapache.com/online-tools/base64-image-converter/

Возможно ли получить 2D-изображение объекта холста webgl?

Answer 1

Первый набор {preserveDrawingBuffer: true}

Пример

var ctx= canvas.getContext("experimental-webgl", {preserveDrawingBuffer: true}); 

Во-вторых вам нужно подождать, пока он не загружен

var imgSrcBase64 = null; 

var img = new Image(); 

img.onload = function(){ 

// call any thing you want here 

}; 

img.src = $('#__viewer0-canvas')[0].toDataURL(); 

Попробуйте.