如何将SVG图像对齐到左下角？

Posted 2021-04-07

我找不到任何关于此的文档。如何对齐加载在SVG标记内的png图像以进行缩放。现在，图像不会根据css移动，它使用内联svg中的x和y。如果我从svg中删除x和y，则默认为x = 0且y = 0。 我的代码：

<svg>
 <image class=svgimage xlink:href="././images/Shenron.png" x="0" y="0" height="400px" width="400px">
</svg>

.svgimage  {
    position: absolute;
    left: 0;
    bottom: 0;
     }

我在SVG标签中有一些其他SVG元素，但我在这里省略了它们，因为它们的代码很长。

我如何对此进行编码以使其始终位于用户浏览器的左下角？