【问题标题】:Stroke width within viewBoxviewBox 内的笔画宽度
【发布时间】:2014-04-13 09:47:18
【问题描述】:

我使用 viewBox 来模拟​​路径的百分比值:

<svg width="500" height="500" viewBox="0 0 100 100">

这意味着一个单元有5px。除了笔画始终为 5px 宽度外,这按预期工作。如何将笔划的宽度设置为始终为 1px ?我已经尝试过stroke-width:1px,但没有成功。

【问题讨论】:

  • 笔画宽度:0.2px 或许?
  • @Robert 如果我将 svg 的大小更改为例如 1000X1000 会发生什么情况,笔画宽度为 2px?

标签: svg


【解决方案1】:

使用矢量效果。

<line ... stroke-width="1px" vector-effect="non-scaling-stroke" />

http://www.w3.org/TR/SVGTiny12/painting.html#NonScalingStroke

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-21
    • 1970-01-01
    • 1970-01-01
    • 2010-11-21
    • 2016-05-02
    • 1970-01-01
    相关资源
    最近更新 更多