【问题标题】:Maintain stroke weight of SVG Image [duplicate]保持SVG图像的笔画粗细[重复]
【发布时间】:2015-05-13 17:14:36
【问题描述】:

如果我有这样的 SVG 图像:

<img src="image.svg">

我可以实现某种属性来控制 SVG 的笔画粗细吗?像这样的:

<img src="image.svg" stroke="2px">

要获得这种类型的预期效果:

这可能吗?如果没有,这对 SVG 来说是否可行,或者它们只是不能那样工作?

【问题讨论】:

    标签: html css svg


    【解决方案1】:

    您可以使用vector-effect="non-scaling-stroke",如here所示

    【讨论】:

    • 这仅适用于 SVG 元素,不适用于图像吗?我们在这里讨论的是严格意义上的 SVG 图像。
    • 对我来说似乎在 Firefox 上工作得很好:fiddle
    • 我看不出你是如何在这个小提琴中应用该属性的。
    • 好吧,我知道 img-tag 本身没有可用的属性,但你可以 embed the svg as an object or iframe 并更改 SVG dom 中的属性
    猜你喜欢
    • 2021-08-15
    • 2013-07-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-06
    • 2020-11-27
    • 2022-11-20
    相关资源
    最近更新 更多