在javascript中将svg图像编码为base64答案

【问题标题】：Encode svg image to base64 in javascript在javascript中将svg图像编码为base64
【发布时间】：2019-02-01 20:52:42
【问题描述】：

我必须将 svg 图像编码为 base64 字符串（用于jsPDF）。我发现了这个question，它提供了一种使用 DOM 中已经存在的 svg 元素的方法。但是我的 svg 图像在我的服务器上的一个文件夹中，不应该显示在 DOM 中。

有没有办法使用这种语法

var s = new XMLSerializer().serializeToString(something)

使用外部图像文件（例如“images/picture.svg”）？

【问题讨论】：

请阅读 codepen 上的这篇文章：关于如何Optimize SVGs in data URIs 的非常有用的建议。此外，如果您只需要编码一张 SVG 图像，您可能需要使用此 URL-encoder for SVG

【解决方案1】：

您可以使用 JQuery 来执行此操作，例如：

$.get("/my/nice/url/image.svg", function(data) {
  var s = new XMLSerializer().serializeToString(data.documentElement)
  console.log(s)
  ...
});

【讨论】：