【问题标题】:How to NOT scale an image in SVG如何在 SVG 中不缩放图像
【发布时间】:2013-08-20 02:50:03
【问题描述】:

所以我在 SVG 中有如下图像:

<image id="svgBackground" x="0px" y="0px" width="100%" height="100%" preserveAspectRatio="xMinYMin" xlink:href="backgrounds.png"/>

我希望浏览器以原始大小显示图像。我该怎么做?

【问题讨论】:

  • 肯定把width="100%"height="100%" 去掉,让浏览器处理?
  • 我已经尝试过了,但如果我这样做,图像根本不会显示。
  • 您能在jsFiddleTinkerbin 或类似网站上演示该问题吗?
  • preserveAspectRatio="none" ?

标签: svg


【解决方案1】:

使用“px”单位指定图像的原始大小:width="150px" height="100px" 或任何应有的值。

如果您完全省略 width 和/或 height,则默认为零并且不会渲染图像。

【讨论】:

    猜你喜欢
    • 2023-03-11
    • 2012-02-01
    • 2017-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-08
    • 2017-12-28
    相关资源
    最近更新 更多