SVG 不支持图像的自动宽度和高度吗?



在HTML图像元素可以不指定尺寸创建。它将具有固有的宽度和高度:

<img src="me.jpg" alt="">

但是,在没有尺寸属性的SVG图像中会有0×0大小,为了防止这种情况,必须指定widthheight(如本例所示):

<image xlink:href="me.jpg" width="64" height="64" />

SVG图像可以强制采取它的原始宽度和高度(不添加相应的属性,当然)?我对HTML中的内联SVG很好奇,如果它重要的话。

SVG 1.1规范要求元素具有widthheight属性。现在大多数浏览器都实现了这个功能,所以答案还不是。关闭属性意味着使用默认值0,这有使图像不可见的效果。

但是,自动调整图像大小正在被添加到SVG2,参见https://svgwg.org/svg2-draft/embedded.html#ImageElement。

SVG 2要求:支持自动缩放图像
分辨率:我们将允许在SVG 2中自动调整图像的大小。

希望这意味着在不久的将来你能做你想做的事。

最新更新