我正在研究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的开头和结尾处创建矩形,以为创建路径的顺序可能会解决问题。但它也无济于事。
是否有其他方法可以将画布的背景填充颜色设置为白色。请问我更多细节。提前致谢。