SVG保存本地
程序员文章站
2022-05-03 20:03:27
...
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中运行~