vue + html2canvas + ArcGIS 3.x 地图一键截图功能踩坑之路(二)

VIP文章 xlostx

已于 2022-03-31 10:07:28 修改

阅读量1.8k

点赞数

文章标签： vue.js 前端

于 2022-03-31 10:05:30 首次发布

本文链接：https://blog.csdn.net/xlostx/article/details/123864252

版权

3、地图上画出的线有了，但是打点的图标图片没有了，标注点不显示

html2canvas的 useCORS: true 必加，否则地图的底图就空白了。

有些人说用allowTaint: true，首先 allowTaint 和 useCORS 是不能一起用的，然后。。。。换了allowTaint还是没效果。

在开发者工具里面看，地图的打点图标，渲染出来是<image>标签的图片。如图：

后面查出来说，html2canvas截取不到svg里面的<image>，是什么图片跨域问题。

找到两个前端就能解决的方法，最后因为各种原因采用了方法二。

找到地图上的全部点，然后在canvas上面重绘一次。

    html2canvas(this.$refs.target, {
        ...
        useCORS: true, // 如果截图的内容里有图片,可能会有跨域的情况,加上这个参数

关注