SVG图像元素调整大小图片

Question

所以我忙于SVG，并且在我的项目中需要几个图像。 所以你有元素。 您还可以指定高度和宽度。 给定的图片不会调整为您赋予图像元素的高度和宽度。

我有以下代码：

<g class="node image" transform="translate(0,129.652067739873)" type="ad">
    <image href="content/image/image.png" height="30px" width="100px" y="41.94444444444444" x="0">
        <title>google.nl</title>
    </image>
    <text y="56.625" x="106" dy=".35em" text-anchor="start">google.nl</text>
</g>

现在，我希望image.png覆盖整个图像元素。 像background-size：cover; 但这是行不通的，而且我找不到任何可以做到这一点的属性。 有没有办法以正确的方式做到这一点？

Answer 1

尝试为<image>元素设置preserveAspectRatio="none" 。 另外，如果您希望它覆盖所有SVG，请将width和height设置为“ 100％”

<image href="content/image/image.png" height="100%" width="100%" y="41.94444444444444" x="0" preserveAspectRatio="none">