【问题标题】:paperjs: clip two pathspaperjs:剪辑两条路径
【发布时间】: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 手册似乎说这是可能的。

【问题讨论】:

    标签: javascript clipping polygons 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

      【讨论】:

        猜你喜欢
        • 2016-09-18
        • 2019-06-07
        • 2020-01-16
        • 2018-11-13
        • 2020-11-10
        • 2011-08-08
        • 2017-10-24
        相关资源
        最近更新 更多