cesium实现场景导出图片功能

文章目录

1. 实现效果
2. 实现方法

Cesium实战系列文章总目录：传送门

1. 实现效果

导出后的场景图片为：

2. 实现方法

核心功能实现代码如下：

/*** @description: 场景导出* @param {*} _viewer* @return {*}*/
function saveToImage(_viewer) {// 不写会导出为黑图_viewer.render();let canvas = _viewer.scene.canvas;let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");let link = document.createElement("a");let blob = dataURLtoBlob(image);let objurl = URL.createObjectURL(blob);link.download = "scene.png";link.href = objurl;link.click();
}function 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});
}

cesium实现场景导出图片功能相关推荐

把view或者div绘制 canvas ，导出图片功能实现完整源码附效果图（兼容H5和小程序）
先看下效果图:(上面灰色块内的用div和CSS写出来的,然后绘制到canvas) 实现此功能需要使用到一个微信小程序的插件,插件官方文档地址: wxml-to-canvas | 微信开放文档本博客代 ...
php导出照片,Laravel使用 Laravel Excel文件导出图片功能
Laracel 中可以使用Laravel Excel进行Excel或者PDF的导出,使用composer进行安装此差价,Laravel-Excel将PHPExcel进行封装. 其官方文档:http:/ ...
vue-orgchart 导出图片功能备注
需借助 html2canvas.js插件.在public文件夹中添加,在index.html中使用script中引入.
ArcGIS arcpy代码工具——数据驱动工具批量导出MXD文档并同步导出图片
ArcGIS arcpy代码工具--数据驱动工具批量导出MXD文档并同步导出图片功能说明: 1 准备工作设置数据驱动页面页面范围设置保存MXD文档 2 代码分段 (1)设定基础数据 (2)调用 ...
java利用poi导出excel功能-附带图片导出
java利用poi导出excel功能-附带图片导出写在前面最近刚离职,闲来无事,于是把上两家公司都有碰到过的需求但都没有去研究实现:即导出带图片的excel报表.于是就折腾了一下这个功能,研究出来 ...
利用Adobe Acrobat 7.0 Professional 自带的导出图片的功能（转）
最近在研究pdf to img 看了网上一些资料没找到个实用的,用第三方程序怕有问题,于是就想利用Adobe Acrobat 7.0 Professional 自带的导出图片的功能,资料忒少啊.找了半 ...
java实现导出word功能（包含图片）一
一.目的这个功能已经完成很久了,一直没有想起来去整理成文,今天就把它整理出来,供大家参考和批评.这个导出功能也研究了好几天,同时也看了很多人写的博客,真的是千篇一律,好多都不是我想要的功能,为什么要 ...
易企秀如何生成图片_易企秀可以导出图片吗
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 易企秀可以导出图片,方法如下: 使用360浏览器中的图片助手,就能完整提取易企秀等H5元素图片. 易企秀是一款针对移动互联网营销的 ...
java导出highcharts_java实现highcharts导出图片至excel
1. 目的通过java后台实现将前端页面的highcharts图表导出至生成的excel文件中.使用于报表页面导出类功能. 2. 说明前端页面将图表的svg信息字符串作为参数传递后台使用bati ...
JS实现Echarts的图表保存为图片功能
文章目录需求分析开发准备实现思路效果图参考链接需求分析实际项目开发过程中经常会有图表展示功能,同时为了满足用户需要,会附带着图表导出功能,主要形式就是保存为图片.在Echarts中本身就 ...

cesium实现场景导出图片功能

文章目录

1. 实现效果

2. 实现方法

cesium实现场景导出图片功能相关推荐

最新文章

热门文章