没有任何扩展库,同一个canvas元素中可以有多个图层吗?
因此,如果我在顶层上执行clearRect,它将不会擦除底层?
谢谢。
不,但是,您可以将多个<canvas>元素彼此叠加并完成类似的操作。
<canvas>
<div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div>
在layer1画布上绘制第一层,在画布上绘制第二层layer2。然后,当您clearRect在顶层时,下部画布上的所有内容都会显示出来。
layer1
layer2
clearRect