在HTML图像元素可以不指定尺寸创建。它将具有固有的宽度和高度:
<img src="me.jpg" alt="">
但是,在没有尺寸属性的SVG图像中会有0×0大小,为了防止这种情况,必须指定width
和height
(如本例所示):
<image xlink:href="me.jpg" width="64" height="64" />
SVG图像可以强制采取它的原始宽度和高度(不添加相应的属性,当然)?我对HTML中的内联SVG很好奇,如果它重要的话。
SVG 1.1规范要求width
和height
属性。现在大多数浏览器都实现了这个功能,所以答案还不是。关闭属性意味着使用默认值0
,这有使图像不可见的效果。
但是,自动调整图像大小正在被添加到SVG2,参见https://svgwg.org/svg2-draft/embedded.html#ImageElement。
SVG 2要求:支持自动缩放图像
分辨率:我们将允许在SVG 2中自动调整图像的大小。
希望这意味着在不久的将来你能做你想做的事。