如何设置Paper.js画布背景填充颜色（无CSS背景）

Question

我正在研究paper.js动画。动画包含多个路径。我正在使用ccapture.js导出视频中的动画。ccapture.js的作用是逐帧捕获画布上的图形并将其转换为视频。

我面临的问题是，在动画中，我希望画布的背景颜色为白色。如果我使用css设置画布的背景颜色，则background-color: white;ccapture将忽略该颜色，并且捕获的视频中的背景颜色将为黑色，因为白色不是在画布上绘制的，而仅仅是元素的背景。我已经运气好的测试了这种方法。

我尝试在动画中添加白色矩形路径，但它隐藏了动画，我只能看到白色矩形。我sentToBack()从以下答案中找到了将白色矩形放在后面的函数的引用，我这样使用它：

var rect = new Path.Rectangle({
    point: [0, 0],
    size: [view.size.width / 2, view.size.height / 2],
    strokeColor: 'white',
    fillColor: 'white',
    selected: true
});
rect.sendToBack();

我在paper.js文档中找不到该函数的引用，因此不确定是否使用正确的方法。

我还尝试在paperscript的开头和结尾处创建矩形，以为创建路径的顺序可能会解决问题。但它也无济于事。

是否有其他方法可以将画布的背景填充颜色设置为白色。请问我更多细节。提前致谢。

Answer 1

@Kostas 回答后。我再次检查了我创建的其他路径的代码。我blendMode: 'screen'与我创建的其他路径一起使用。这导致其他路径与 screen: docs 混合 删除此属性后，它按预期工作。

相关信息：sendToBack()按照我在代码中使用的方式工作。

路径按照在 paperscript 中创建的顺序堆叠。sendToBack()第一个创建的路径将位于所有其他路径下（除非未使用或insertBelow()方法更改 z-index ）

希望它能帮助其他人..