欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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中运行~

相关标签: svg