- 博客(3)
- 收藏
- 关注
原创 vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(三)
4、地图移动之后再截图,截图的点线位置和视图的不一样,图片有偏移 这个问题表现在,地图底图正常,绘制的点线层和截图前不一样。点线层偏的老远。 最终解决方案: html2canvas用onclone(),把svg的位移从transform换成用viewbox控制。 先看渲染出来的代码,地图底图是一个div,然后地图上自己画的线、打的点什么的全都在一个svg里面。 后面测出来好像和电脑的分辨率有点关系,又发现是在html2canvas转换的时候svg的transform有点失灵,查资料说..
2022-04-01 10:14:01 919 1
原创 vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(二)
截图后地图上画出的线有了,但是打点的图标图片没有了 ,标注点不显示。截图里面图片不显示。
2022-03-31 10:05:30 1897
原创 vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(一)
坑有点多,层出不穷。好在还是基本做出来了。。。 地图情况:用了position:fixed定位,地图上还有各种自己画的线段、点、多边形区域。 功能目标:一键截图,能把地图区域的内容直接截取出来。 1、基础截图功能代码: 先安装html2canvas 装包:npm install --save html2canvas 导入:import html2canvas from 'html2canvas'; <el-button type="success" size="mini" ic...
2022-03-30 16:14:30 1927
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人