转换SVG为base64，以自己编写简单的SVG头盔图案

Question

：

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