Question

我想从图书馆html2canvas.js中获取视频截图，将选项类型设置为'view'应该做的诀窍但是我仍然得到整个身体。

真的不明白为什么这实际上不起作用。

以下是我目前正在运行的代码：

html2canvas(document.body, { type: 'view' }).then(function(canvas) {
    var img = canvas.toDataURL("image/png");
    $('.ticket-img').attr('src', img);
});

Answer 1

没有{ type: 'view' }这样的选项。如果您只想捕获用户可见的内容，则没有确切的设置。

我可能会说，在截屏后，您需要处理输出。因此，请截取屏幕截图，然后使用窗口scrollX / scrollY和窗口宽度/高度裁剪生成的画布。

类似

function clip( srcCanvas, x, y, width, height ) {
    var destCanvas = document.createElement("canvas");
    var destCtx = destCanvas.getContext("2d");

    destCanvas.width = width;
    destCanvas.height = height;

    destCtx.drawImage( srcCanvas.getImageData(x,y,width,height), 0, 0 );
    return destCanvas;
}

html2canvas选项类型：'view'仍呈现全身

1 个答案: