【发布时间】:2014-08-25 16:24:16
【问题描述】:
我有以下问题。我必须从很多太近的点画一个圆。您可以在下面的 jsfiddle 链接中看到它:
<path style="" stroke-dasharray="10 5" fill="#0000ff" stroke="#0000ff" d="M181.8181818181818,225L181.8181818181818,225M181.8181818181818,225L181.7933822865362....
我正在为案例使用路径。现在我必须在其上添加 stroke-dasharray 样式,但实际上这些点太近了,并且这里的破折号没有按预期呈现:
您有什么想法可以实现这种效果吗?
【问题讨论】:
-
不清楚你在问什么。
-
为什么不使用
<circle>? -
喜欢这个? - jsfiddle.net/L6e5oz3L/1
-
将路径简化为类似路径的圆,例如:
d="M50,100a50,50 0 1,0 100,0a50,50 0 1,0 -100,0" -
问题是虚线是在两点之间渲染的,所以当它们太靠近时 - 它不会渲染为整个路径的虚线,而是单独的两点之间的虚线,实际上它看起来像一条连续的线。我没有创建圈子的选项。也许我可以把一些算法划分为虚线?
标签: javascript css svg