Javascript 试图将SVG绘制到画布，但它'；它被剪短了

如果单击“创建画布”，它会将页面底部的SVG文本绘制到画布上。唯一的问题是它只取了文本的左上部分。知道发生了什么吗

---

更改SVG，使其大小与画布匹配，并在Firefox上为我工作，例如

---

您是否尝试将svg作为一个单独的文件托管并将图像src设置为该文件的路径？在绘制图像之前，我将其移到一个单独的svg文件并将其设置为图像的源文件，但我仍然得到相同的结果。一定是在开玩笑；有那么简单吗？非常感谢。