Paperjs:剪辑两条路径

paperjs: clip two paths

本文关键字:两条 路径 Paperjs      更新时间:2023-09-26

我试图从paperjs中的另一个多边形中排除一个多边形,但似乎不知道如何做到这一点。

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手册说这是可能的

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

paperjs素描

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

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

这里是一些

的链接