- 博客(3)
- 收藏
- 关注
原创 vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(三)
4、地图移动之后再截图,截图的点线位置和视图的不一样,图片有偏移这个问题表现在,地图底图正常,绘制的点线层和截图前不一样。点线层偏的老远。最终解决方案: html2canvas用onclone(),把svg的位移从transform换成用viewbox控制。先看渲染出来的代码,地图底图是一个div,然后地图上自己画的线、打的点什么的全都在一个svg里面。后面测出来好像和电脑的分辨率有点关系,又发现是在html2canvas转换的时候svg的transform有点失灵,查资料说..
2022-04-01 10:14:01 950 1
原创 vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(二)
截图后地图上画出的线有了,但是打点的图标图片没有了 ,标注点不显示。截图里面图片不显示。
2022-03-31 10:05:30 1919
原创 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 1946
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人