cesium图片导出

最新推荐文章于 2024-07-14 14:22:09 发布

不可第七

最新推荐文章于 2024-07-14 14:22:09 发布

阅读量330

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/weixin_42175018/article/details/127244520

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

saveToFile() {
      let canvas = viewer.scene.canvas;
      let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
      let blob = this.dataURLtoBlob(image);
      let fileName = '雷电结果.png';
      let file = new File([blob], fileName, {type: 'image/png'})
      const downloadElement = document.createElement('a');
      const href = window.URL.createObjectURL(file);
      downloadElement.href = href;
      downloadElement.download = fileName;
      document.body.appendChild(downloadElement);
      downloadElement.click();
      document.body.removeChild(downloadElement);
      window.URL.revokeObjectURL(href);
    },
    // 格式化路径
    dataURLtoBlob(dataurl) {
      let arr = dataurl.split(','),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], {type: mime});
    },