html如何让画布背景改颜色,javascript – 如何设置Paper.js画布背景填充颜色(无CSS背景)...

我正在研究paper.js动画.动画包含多个路径.我正在使用

ccapture.js在视频中导出动画.

ccapture.js的作用是逐帧捕获画布并将其转换为视频.

我面临的问题是,在动画中我希望画布的背景颜色为白色.如果我使用css background-color设置画布的背景颜色:白色; ccapture将忽略此颜色,捕获的视频中的背景颜色将为黑色,因为白色不会在画布上绘制,而只是元素的背景.我没有运气测试过这种方法.

我已经尝试在动画中添加一个白色矩形路径,但它隐藏了动画,我只能看到白色矩形.我找到了一个函数的引用,使用来自answer的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文档中找到此函数的引用,所以我不确定我是否以正确的方式使用它.

我也尝试在撰写起稿以及结束论文时创建矩形,认为创建路径的顺序可能会解决问题.但它也没有帮助.

有没有其他方法可以将画布的背景填充颜色设置为白色.请告诉我更多详情.

提前致谢.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值