javascript - Paper JS 填充颜色闭合路径

标签 javascript paperjs

我正在使用 Paper JS 制作一个绘图工具。现在我想填充两个项目的闭合路径,例如两个相交的矩形。

查看引用文献,似乎有一个函数可以获取交叉点,但没有完成我需要的功能,因为它从交叉点中生成了另一个形状。

相交(项目)减去(项目)

enter image description here

同样在这种情况下,它会检测对象是否被分割。

enter image description here

如果有人遇到过这个问题,请提供一些建议。

感谢和问候。

最佳答案

有一个不错的demo of boolean operations在 paper.js 示例中。

使用Path.unite() , Path.intersect() (而不是 Path.intersects()),Path.subtract() , Path.exclude()计算 bool 运算。

您还可以使用Path.getIntersections()或者也许更合适Path.getCrossings()处理与开放路径的交叉点。

关于javascript - Paper JS 填充颜色闭合路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45406767/

相关文章:

javascript - 使用javascript更改表格背景颜色时出现问题

javascript - 为什么我的组件没有在状态更改时重新渲染?

javascript - 尝试防止从 Mac 键盘输入死键

javascript - 如何从PaperJS中的CompoundPath中识别鼠标事件的目标子路径?

javascript - 使用光标使 paper.js PointText 可编辑

javascript - Paper.js - 剪切区域外路径的不透明度

javascript - 使用 Javascript 从 Selenium::Remote::Driver 包恢复 Windows "Confirm Box"

javascript - 堆叠 div 并使用切换来显示/隐藏

javascript - 如何正确销毁 Paper.js Scope

javascript - 如何使用 Paper.js 将对象与贝塞尔曲线连接