【问题标题】:How to get stroke-dasharray to look the same on path as it does on line如何让 stroke-dasharray 在路径上看起来与在线上相同
【发布时间】:2012-07-22 03:17:03
【问题描述】:

我正在尝试创建一个具有 16 像素路径和 14 像素间隙的虚线图案。我试过使用:

stroke-dasharray: 16px 14px;

它适用于我的 <line> 元素,但似乎对我的 <path> 元素没有任何作用。

这是一个可以玩的小提琴:http://jsfiddle.net/Wexcode/avTY6/

【问题讨论】:

    标签: html css svg


    【解决方案1】:

    您有两条相互重叠的弧线略微偏移。此外,路径默认填充为黑色(线条不使用填充)。 This 似乎是关于你想要什么

    【讨论】:

      【解决方案2】:

      我不是专家,但您似乎无法为这条路径设置任何值组合(可能是因为这些值的组合在圆圈周围重叠,所以看起来像是单线)。
      如果您尝试使用 12px 10px,它会起作用,但同样,如果您尝试使用 14px 10px(两个整数值) - 它不起作用。

      【讨论】:

      • 它不一定是整数,它包含两个值的组合。有趣的是,如果您切换值(14 16 而不是 16 14 - 它可以工作......)。一定是路径与间隙重叠。
      • 嗯,顺序指定了交替破折号和间隙的长度;我需要控制这些长度。
      猜你喜欢
      • 2015-03-17
      • 2018-05-12
      • 2017-05-20
      • 2019-03-13
      • 2020-07-11
      • 1970-01-01
      • 2014-04-02
      • 2019-04-03
      • 1970-01-01
      相关资源
      最近更新 更多