摘要：
我遇到了这个错误，并在很长一段时间内找到了原因。一开始，我认为这是由后台管理系统的模板冲突引起的，所以我搜索了原始模板，并使用相同的方法介绍了它，但没有报告错误。啊！仔细研究错误内容。它与我使用的SVG矢量图有关吗？所以我试着注释掉所有带有svg标签的地方。结果很好！！！！原因大致可以概括如下：html2Canvas在导出图像时根据节点遍历图像，很可能无法识别svg。因此，下载图像的页面上的所有svg节点都使用img作为背景。
本人遇到该错误，找了好久原因，终于找到了原因，
一开始以为是后台管理系统的模板问题有冲突导致的，于是寻找最初模板使用同样方法引入，竟然没有报错，啊！这个时候就很神伤了。
仔细研究报错内容<SVGSVGElement>，难道和我使用的SVG矢量图有关系？于是尝试把有svg标签的地方全都注释掉了，结果，好了！！！！
原因大致可以归结为，html2Canvas 在导出图片时是按照节点去遍历的，极有可能不能识别svg（模板自定义的标签）。于是在下载图片的页面内所存在的svg节点，均使用img设定为背景代替。
下边使用html2canvas导出图片的代码如下：
npm安装
npm install --save html2canvas
在需要的地方引入
import canvas2 from 'html2canvas'
html2canvas(document.querySelector('#imageDom'), { scale: 1, logging: false, useCORS: true }).then(canvas => {
// 转成图片，生成图片地址
if (window.navigator.msSaveOrOpenBlob) { // ie浏览器下的兼容性
const blob = canvas.msToBlob()
window.navigator.msSaveBlob(blob, '×××.png')
} else { // 非ie浏览器
const link = document.createElement('a')
link.href = canvas.toDataURL('image/png')
link.setAttribute('download', '×××') link.style.display = 'none'// a标签隐藏
document.body.appendChild(link) link.click()}
})#imageDom 为需要下载图片的容器节点，由于ie浏览器下有自身的msSaveBlob方法去下载，不能使用a的download去下载。