【发布时间】:2012-07-22 03:17:03
【问题描述】:
我正在尝试创建一个具有 16 像素路径和 14 像素间隙的虚线图案。我试过使用:
stroke-dasharray: 16px 14px;
它适用于我的 <line> 元素,但似乎对我的 <path> 元素没有任何作用。
这是一个可以玩的小提琴:http://jsfiddle.net/Wexcode/avTY6/
【问题讨论】:
我正在尝试创建一个具有 16 像素路径和 14 像素间隙的虚线图案。我试过使用:
stroke-dasharray: 16px 14px;
它适用于我的 <line> 元素,但似乎对我的 <path> 元素没有任何作用。
这是一个可以玩的小提琴:http://jsfiddle.net/Wexcode/avTY6/
【问题讨论】:
您有两条相互重叠的弧线略微偏移。此外,路径默认填充为黑色(线条不使用填充)。 This 似乎是关于你想要什么
【讨论】:
我不是专家,但您似乎无法为这条路径设置任何值组合(可能是因为这些值的组合在圆圈周围重叠,所以看起来像是单线)。
如果您尝试使用 12px 10px,它会起作用,但同样,如果您尝试使用 14px 10px(两个整数值) - 它不起作用。
【讨论】: