获取 SceneView 截图

尝试一下在线预览

此示例演示如何使用 SceneView.takeScreenshot() 方法创建当前视图的图像。该方法返回一个承诺,该承诺使用包含原始 ImageData 和作为数据 url 的图像的 Screenshot 对象进行解析。在此示例中,我们将图像数据添加到画布,以便可以在其上添加自定义文本。

可以将多个选项传递到该方法中。

图像格式可以是 jpgpng。如果格式为 jpg,您还可以设置质量参数。

    
1
2
3
4
view.takeScreenshot({
  format: "jpg",
  quality: 70
});

通过设置图像的宽度或高度,可以放大或缩小图像:

     
1
2
3
4
5
view.takeScreenshot({
  // scale down image to 50%
  // height is calculated from aspect ratio of the view
  width: view.width / 2
});

有时,创建视图区域的图像很有用。在这种情况下,我们可以使用 area 参数仅截取屏幕部分的屏幕截图:

        
1
2
3
4
5
6
7
8
view.takeScreenshot({
  area: {
    x: 0,
    y: 0,
    width: 100,
    height: 100
  }
});

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.