html - 如何拉伸(stretch) SVG 图像?

标签 html css svg

如何单独更改 SVG 图像的宽度/高度,以更改纵横比?我希望使用的 SVG 是 <img>元素。

最佳答案

svg 文件应该将 preserveAspectRatio 设置为“none”。

你可以引用这个 Plunker : http://plnkr.co/edit/9FmjYPetNOrRT1aPTewn?p=preview

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="612px" height="502.174px" viewBox="0 65.326 612 502.174" enable-background="new 0 65.326 612 502.174"
 xml:space="preserve" preserveAspectRatio="none">
</svg>

关于html - 如何拉伸(stretch) SVG 图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44845452/

相关文章:

html - CSS:加载 SVG 和相对于其元素的位置

php - 表单在导航菜单内提交

html - 当用户按 Enter 键时,如何选择单击哪个表单按钮(默认)?

css - 一些 Opera 浏览器特定的 css 标签是什么?

css - 如何使用 Qt4 样式表激活 Alpha channel ?

html - 激活 SPAN 上的溢出省略号,如果可能的话还可以环绕/使用高度

java - Android WebView 将它拉到多个 html 页面,这些页面根据用户滑动而改变

html - Bootstrap 网格列宽度(如果为空)

css - 为什么样式不适用于 Firefox 中的 svg 元素?

javascript - SVG 在 <path> : stroke-dashoffset 中获取当前动画进度 (SMIL)