我正在尝试绘制一条重叠的笔触路径,但是这样做的方式是,您可以分辨出路径的哪一部分在另一部分之上。

我遇到的一个问题是,如果路径与自身重叠,它将连接到自身。因此,我试图通过绘制两个单独的路径来解决此问题。

除第二行的笔画在视觉上与第一行断开连接之外,这非常有用。

有没有一种方法比尝试重画将两条路径均等的笔划更干净呢?

编辑:为澄清起见,我实际上正在做的是绘制一条较粗的黑线,然后在顶部绘制一条彩色线以获得描边效果。

最佳答案

正如Jesse在上面猜测的那样,解决方案是将kCGLineCapButt用作路径段“笔画”部分的lineCapStyle。

事实证明,这样做很容易创建我想要的效果。如果要动态生成路径,最大的麻烦就是确定绘制路径段的顺序。

您还必须注意,任何两个控制点都与它们共享的路径点共线(具有相同的斜率),否则对接端将无法完美对齐。但是,如果您想要平滑的连接,就应该这样做。

  • 使用对接帽样式笔触您的底部路径段。这将是路径段的“笔划”(黑色)。
  • 用圆帽样式和稍薄的宽度再次抚摸您的底部路径段。这将是细分的“填充”(颜色)。
  • 为了更好地说明我的曲线,我添加了控制点。
  • 根据需要重复…
  • 删除控制点的最终结果。在笔触“填充”(黑色)路径段之后,我还在完整路径的起点和终点绘制了“笔划”(黑色)宽度的直径圆圈,以使末端看起来像是圆形对接帽样式。
  • 10-05 21:07
    查看更多