【问题标题】:Path stroke has holes in paperjs路径笔划在paperjs中有洞
【发布时间】:2021-11-24 13:12:24
【问题描述】:

我正在使用 paper.js 沿着鼠标坐标绘制路径。不幸的是,当拐角的角度非常小时,路径笔划有“洞”(见图)。

paperjs path with holes

有人知道如何解决这个问题吗?

谢谢 罗伯特

【问题讨论】:

  • 你检查过不同strokeCaps的行为吗?
  • 我已经尝试了所有 3 种可能的 strokeCap 值,但没有一个能解决我的问题 :-(

标签: javascript canvas paperjs


【解决方案1】:

正如评论中所指出的,使用round 笔画帽应该可以缓解这个问题。
也就是说,这种绘图工件是 Canvas API 绘制笔画方式所固有的。 Paper.js 依靠它来绘制形状。
这让我想起了这个issue,它和你的很相似。

我认为避免这种情况的最佳解决方法可能是以某种方式简化路径,以使关闭点之间的这种非常分散的角度永远不会发生。 Paper.js 可以帮助您实现这一点(工具最小距离、path.smooth()、...)。

【讨论】:

  • 不幸的是,path.strokeCap = "round" 没有解决问题:-(
猜你喜欢
  • 1970-01-01
  • 2019-08-08
  • 1970-01-01
  • 2015-11-09
  • 2011-09-21
  • 1970-01-01
  • 1970-01-01
  • 2016-01-16
  • 2011-07-03
相关资源
最近更新 更多