下载视口截图


         有时候,可能需要保存当前视口的截图,除了使用第三方的截屏工具以外,iTwin.js也提供了方便的API提供其操作,具体示例如下:

async function DownloadViewPicture() {
    const viewPort = IModelApp.viewManager.getFirstOpenView();
    if (viewPort !== undefined) {
      const canvas = viewPort.readImageToCanvas();
      const imageUrl = canvas!.toDataURL("image/png");
      const link = document.createElement("a");
      link.setAttribute("download", "viewport.png")
      link.setAttribute("href", imageUrl);
      link.click();
    }
}

将获得以下截图: