将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);