js将svg图片转base64格式

可以使用以下代码将一个SVG图片转换为Base64格式：

// 获取SVG图片元素
var svg = document.getElementById('my-svg');

// 将SVG元素序列化为字符串
var svgString = new XMLSerializer().serializeToString(svg);

// 将SVG字符串转换为Base64格式
var base64 = btoa(svgString);

// 输出Base64字符串
console.log(base64);

其中，`btoa()`函数用于将一个字符串转换为Base64格式。请注意，如果SVG图片中包含外部资源（例如图片或字体），则这些资源也必须转换为Base64格式并嵌入到SVG字符串中，否则在转换为Base64格式后，这些资源将无法正确加载。

相关问题

js将本地svg图片转base64格式

可以使用 `FileReader` 对象将本地的SVG图片文件转换为Base64格式，以下是示例代码：

// 获取 input 元素
var input = document.getElementById('my-input');

// 监听 input 的 change 事件
input.addEventListener('change', function(event) {
  // 获取文件对象
  var file = event.target.files[0];

  // 创建 FileReader 对象
  var reader = new FileReader();

  // 监听 FileReader 的 load 事件
  reader.addEventListener('load', function(event) {
    // 将 SVG 图片文件转换为 Base64 格式
    var base64 = event.target.result;

    // 输出 Base64 字符串
    console.log(base64);
  });

  // 以 DataURL 格式读取文件内容
  reader.readAsDataURL(file);
});

在以上示例代码中，我们通过监听 input 元素的 change 事件，获取用户选择的文件对象。然后创建 FileReader 对象，使用 `readAsDataURL()` 方法以 DataURL 格式读取文件内容。在 FileReader 对象的 load 事件中，我们可以获取读取的文件内容，即 SVG 图片文件的 Base64 格式字符串。

js将本地svg转base64

可以使用FileReader和btoa方法将本地SVG文件转换为Base64编码。

首先，使用input元素或拖放事件等方式获取SVG文件的File对象。然后，使用FileReader读取文件内容并将其作为数据URL返回。接下来，使用btoa方法将数据URL的Base64字符串提取出来。

以下是一个示例代码：

const fileInput = document.getElementById('file-input');
const reader = new FileReader();
reader.onload = () => {
  const dataUrl = reader.result;
  const base64 = dataUrl.split(',')[1];
  console.log(base64);
};
reader.readAsDataURL(fileInput.files[0]);

其中，fileInput是一个input元素，用户可以选择本地SVG文件；onload方法在读取文件完成后触发，result属性包含了读取的数据URL。最后，使用split方法将数据URL分割成格式和Base64字符串两部分，取第二部分即可得到Base64编码的字符串。