saveSvg2Image(className = '#container .x6-graph-svg') {
const svgElement = document.querySelector(className)
if (!svgElement) {
console.error(`未找到class为${className}的SVG元素`)
return
}
const svgText = new XMLSerializer().serializeToString(svgElement)
const blob = new Blob([svgText], { type: 'image/svg+xml' })
const url = URL.createObjectURL(blob) // 创建指向Blob的URL对象
const a = document.createElement('a') // 创建a元素进行下载操作
a.href = url
a.download = 'downloaded_svg.svg'
document.body.appendChild(a)
a.click() // 触发下载操作
document.body.removeChild(a) // 清理DOM元素
URL.revokeObjectURL(url) // 释放URL对象
}
通过class类名下载svg
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1、买vps。直接部署ftp或者http存文件。2、找一个可以免费用的在线办公或者在线免费的文档之类的地方,比如石...
- 前言:先聊一下svg类型的图片 正常的svg类型得图片是里面包含path和g标签的但是也有一种里面包含image标...
- 在这个不平凡的2020的最后几天,林小姐的Group project分工分到了对155篇文章进行是否是RCT(Ra...
- 其实svg跟其他元素一样,可以通过 class 选择器来设置对应的属性,只是svg的属性是特定的 可以通过 cla...
- 某业务图片不能直接上传到自己服务器,只能上传到第三方并返回图片url,但图片源文件自己也需要保存,所以需要通过ur...