小编典典

html5-画布元素-多层

html

没有任何扩展库,同一个canvas元素中可以有多个图层吗?

因此,如果我在顶层上执行clearRect,它将不会擦除底层?

谢谢。


阅读 518

收藏
2020-05-10

共1个答案

小编典典

不,但是,您可以将多个<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在顶层时,下部画布上的所有内容都会显示出来。

2020-05-10