自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除