【问题标题】:SVG Dashed line for circle created with path用路径创建的圆的 SVG 虚线
【发布时间】:2014-08-25 16:24:16
【问题描述】:

我有以下问题。我必须从很多太近的点画一个圆。您可以在下面的 jsfiddle 链接中看到它:

http://jsfiddle.net/L6e5oz3L/

<path style="" stroke-dasharray="10 5" fill="#0000ff" stroke="#0000ff" d="M181.8181818181818,225L181.8181818181818,225M181.8181818181818,225L181.7933822865362....

我正在为案例使用路径。现在我必须在其上添加 stroke-dasharray 样式,但实际上这些点太近了,并且这里的破折号没有按预期呈现:

您有什么想法可以实现这种效果吗?

【问题讨论】:

  • 不清楚你在问什么。
  • 为什么不使用&lt;circle&gt;
  • 喜欢这个? - jsfiddle.net/L6e5oz3L/1
  • 将路径简化为类似路径的圆,例如:d="M50,100a50,50 0 1,0 100,0a50,50 0 1,0 -100,0"
  • 问题是虚线是在两点之间渲染的,所以当它们太靠近时 - 它不会渲染为整个路径的虚线,而是单独的两点之间的虚线,实际上它看起来像一条连续的线。我没有创建圈子的选项。也许我可以把一些算法划分为虚线?

标签: javascript css svg


【解决方案1】:

我找到了 - 如果我使用折线而不是填充颜色为“无”的路径,它可以完美运行。

【讨论】:

    猜你喜欢
    • 2021-10-14
    • 2019-09-25
    • 1970-01-01
    • 1970-01-01
    • 2021-07-15
    • 1970-01-01
    • 1970-01-01
    • 2021-12-27
    • 2013-11-23
    相关资源
    最近更新 更多