javascript - Paper.js Subraster 添加在矩形后面而不是前面

Question

在这个Paper.js Sketch , 选择蒙娜丽莎光栅的一个区域会产生白化 Rectangle到位的区域，以及generating a subraster该地区的。首先添加白色矩形，然后添加子栅格。但是，正如您在草图中看到的那样，白色矩形仍然在顶部。通过注释掉 whiteout 矩形 block 并取消注释最后一行来测试它，以查看是否确实生成了子栅格。

在这种情况下，可以通过调用 bringToFront() 来补救，但这仍然不能解释为什么子栅格最终会出现在白色矩形后面，尽管它是最后添加的。这种行为的原因是什么？这是什么逻辑？提前致谢。

Answer 1

如果查看 getSubRaster() 函数，您会发现它将返回的栅格直接插入到创建栅格对象的上方。

function() {
  var rect = Rectangle.read(arguments),
    raster = new Raster(Item.NO_INSERT);
  raster.setImage(this.getSubCanvas(rect));
  raster.translate(rect.getCenter().subtract(this.getSize().divide(2)));
  raster._matrix.preConcatenate(this._matrix);
  raster.insertAbove(this);
  return raster;
}