paperjs：剪辑两条路径

Posted 2023-03-23

【中文标题】paperjs：剪辑两条路径

【英文标题】：paperjs: clip two paths

【发布时间】：2015-11-09 15:36:37

【问题描述】：

我试图从 paperjs 中的另一个多边形中排除 1 个多边形，但似乎无法弄清楚如何做到这一点。

var base_points = [[50,50],[100,50],[125,10]];
var clipPolygon = [[50, 50], [100,50], [100,0], [200, 0],[200,300]];

var base = PointsToPath(base_points);
base.strokeColor = "#000";

var clip =   PointsToPath(clipPolygon);
clip.strokeColor = "#ff00";

var clipped = base.exclude(clip)
clipped.fillColor = '#00ff00'

我在这里做了一个 jsfiddle 尝试这样做。

http://jsfiddle.net/thesamprice/9jm896gd/6/

paperjs 手册似乎说这是可能的。

【参考方案1】：

jsfiddle 似乎一直在使用旧的 paperjs 链接，代码按预期工作。

paperjs sketch

【参考方案2】：

您可以尝试 Paper.js 允许的任何布尔运算：

unite(path[, options])
intersect(path[, options])
subtract(path[, options])
exclude(path[, options])
divide(path[, options])
reorient([nonZero[, clockwise]])

here is the link to some