我如何<embed> svg并将其缩放为img

Question

我只是喜欢想要将图片与页面分开的图像.我可以拍摄1024x768图像并执行此操作

<img src="1024x768.jpg" width="400" height="300"/>

或者我可以做到这一点

<img src="1024x768.jpg" style="width:400px; height:300px"/>

并且图像将缩放而不被裁剪.我如何对svg做同样的事情？注意:我不想将svg直接嵌入到页面中.这对于我的所有图像使用dataURL都是愚蠢的.我的艺术家编辑图像,其他人编辑HTML,所以我需要将它们分开.

<embed src="somefile.svg" width="400" height="300"></embed>

不缩放svg,它只是作物.CSS宽度/高度也不起作用.有没有办法像图像那样做？

Answer 1

好吧,显然你可以在img标签中使用svg

<img src="somefile.svg" width="200"/>

如果你想使用<embed>,你需要在<svg>元素上指定'viewBox'属性,告诉它你希望它调整大小以填充你想要的区域.如果缺少,<img>元素会自动构造该视图框. (3认同)