javascript - Paper JS 无法在矩形上打洞

Question

我无法在 Paper JS 中的矩形路径中打洞。我正在使用减法。我做错了什么吗？

var rect0 = new Path.Rectangle({
  point: [0, 0],
  size: [view.size.width],
  fillColor: "green",
  position: view.center
});



var rect = new Path.Rectangle({
  point: [0, 0],
  size: [view.size.width],
  fillColor: "#E50069",
  strokeWidth: 1
});

var rect2 = new Path.Rectangle({
  point: [0, 0],
  size: [50],
  fillColor: "white",
  position: view.center,
  strokeWidth: 1
});



rect3 = rect.unite(rect);

var drilled = rect3.subtract(rect2);

rect2.remove();
rect.remove();

Here is a sketch .

Answer 1

我认为您的问题出在 rect3 = rect.unite(rect); 行中，这没有任何意义。
这是sketch使用更明确的代码演示解决方案。

const background = new Path.Rectangle({
    point: [0, 0],
    size: view.size,
    fillColor: 'blue'
});

const rectangle = new Path.Rectangle({
    point: [0, 0],
    size: view.size,
    fillColor: 'orange'
});

const hole = new Path.Rectangle({
    from: view.center - 50,
    to: view.center + 50
});

const rectangleWithHole = rectangle.subtract(hole);

rectangle.remove();
hole.remove();