将svg转换为base64用于头盔模式

Question

我写过简单的svg：

 function Dot() {
  return (
    <svg width="12" height="12">
      <circle cx="50%" cy="50%" r="5.5" fill={headerColor} />
    </svg>
  );
}

我需要在base64中对此进行编码，以便在pageTitle中显示。有什么方法可以做到吗？

Answer 1

您可以尝试使用XMLSerializer将SVG转换为字符串，然后使用btoa将字符串转换为base64：

var str = new XMLSerializer().serializeToString(document.getElementById("svg"));
var encodedSVG = window.btoa(str);

Answer 2

似乎函数应该返回一个字符串。然后，您可以使用btoa将其转换为base64

function Dot() {
  return '<svg width="12" height="12"><circle cx="50%" cy="50%" r="5.5" fill={headerColor} />'
}
var encodedString = btoa(Dot());
console.log(encodedString);