cesium 地图场景范围导出

一、场景导出效果

 二、核心代码

function sceneImgDatatoBlob(sceneImgUrl){
  let arrList = sceneImgUrl.split(','),
    mime = arrList[0].match(/:(.*?);/)[1],
    bstr = atob(arrList[1]),
    n = bstr.length,
    u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  return new Blob([u8arr], { type: mime });
}

三、保存生成的场景

function saveSceneToFile(scene) {
  let canvas = scene.canvas;
  let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

  let sceneImg = document.createElement("a");
  let sceneImgBlob = common3D.sceneImgDatatoBlob(image);
  let sceneImgUrl = URL.createObjectURL(sceneImgBlob);
  sceneImg.download = "三维模型场景_"+ (Math.random()*1000).toFixed(0) +".png";
  sceneImg.href = sceneImgUrl;
  sceneImg.click();
}

以上内容如对您有帮助，麻烦您给个关注，非常感谢！！！