使用画布来分层动画和静态内容

时间:2018-02-12 15:39:09

标签: javascript html css

我希望来自https://codepen.io/haidang/pen/WRGXJv的烟花覆盖https://codepen.io/kimaro/pen/BjqYeo的交互式表格+按钮。

我尝试过两个画布,其中烟花的画布有

"01"

表格+按钮的画布

z-index=1

我尝试在fireworks.js中更改以下内容:

z-index=0

然而表+按钮画布并不适合我。另外,当将ctx.fillStyle = '#000'; //old ctx.fillstyle = 'rgba(0,0,0,0)' //full transparent background 方法的fillstyle更改为透明时,烟花画布的背景会随机改变颜色。

另外,如果我在html的末尾调用firework js,那么我就无法点击下面画布层的按钮。

编辑:正如Archer所指出的,按钮必须位于顶部画布层上。在这种情况下,表格+按钮图层的背景必须是透明的,而下面的图层具有所需的背景颜色。

编辑2:朋友建议我可以合并图层,以克服按钮位于下面图层的问题。

0 个答案:

没有答案