Base64 canvas webgl对象为空白

base64 canvas webgl object is blank

本文关键字：空白 对象 webgl canvas Base64      更新时间：2023-09-26

我正在尝试打印在我的HTML中生成的画布webgl对象。

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/

是否有可能获得webgl画布对象的2D图像?

第一组{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();

。

相关文章：