SVG保存本地

svg转png存储到本地图片

在实现一个svg存储到本地的需求时候，走了不少弯路，所以把经验记录一下~

npm install canvg --save-dev

let svgXml = (new XMLSerializer()).serializeToString(this.$refs.elSvg)   //处理svg传给canvg的格式
let canvas = document.createElement('canvas') //页面创建空canvas
canvg(canvas, svgXml) //进行转换
let ahref = document.createElement('a')
ahref.href = canvas.toDataURL('image/png')
ahref.download = 'exportPng'
ahref.click()

参考了挺多博客的内容 也更改了一些~ 才阔以在vue中运行~