通过class类名下载svg

  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对象
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容