svg - 我如何 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"/>

And it works in IE9+, FF4+, Chrome4+, Safari4+, Opera 9.