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