Question

我想使用canvas.toBlob将div保存到图像，它生成空白图片。我想从webrtc视频中截取屏幕截图，我怎么能用canvas方法呢？或者有没有其他方式在javascript中执行此操作？我的代码在

之下

   canvas.toBlob(function(blob) {
                saveAs(blob, "Dashboard.png"); 
             });

Answer 1

正如其中一个命令所示，MDN documentation中的代码应该适合您。

假设您的库没有直接处理webRTC代码，但画布已经包含WebRTC流，您可以尝试MDN示例中的代码：

function takepicture() {
var context = canvas.getContext('2d');
if (width && height) {
  canvas.width = width;
  canvas.height = height;
  context.drawImage(video, 0, 0, width, height);

  var data = canvas.toDataURL('image/png');
  photo.setAttribute('src', data);
} else {
  clearphoto();
}

}

希望它有所帮助！

无法使用javascript将webrtc视频div保存为图像

1 个答案: