Javascript 将svg转换为头盔图案的base64

我编写了简单的svg：

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

函数点（）{
返回(
);
}

---

我需要在base64中对其进行编码，以便在pageTitle中显示。有办法吗？

您可以尝试使用

XMLSerializer

将SVG转换为字符串，然后使用

btoa

将字符串转换为base64：

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

---

函数似乎应该返回一个字符串。然后可以使用

btoa

将其转换为base64

函数点（）{
返回“”
}
var encodedString=btoa（Dot（））；
console.log（encodedString）你当然是对的，我忘了将其作为字符串返回，但当我使用它时，我在标题中直接看到base64代码，这是一个点。这是我的代码：const dot=btoa（
）；返回(