SVG未生成正确的base64图像

我想将svg转换为base64图像。btoaxml未生成正确的映像

请在这里找到代码

有人能帮我吗？

---

提前谢谢

很好。正是SVG中的style属性导致了您的问题。去掉它，事情就会好起来

另外，您的小提琴在base64编码之前对XML进行了不必要的编码。你不需要那个

var svg64 = btoa(xml);

很好

请参阅：

以稍微展开：

与CSS样式不同，在SVG元素上使用宽度/高度和viewBox将所有内容放入图像中。 等待img加载后再绘制到画布上，否则不会绘制任何内容。 img.onload=e=>canvas.getContext'2d'.drawImageimg，0,0；

var svg64 = btoa(xml);