小编典典

html5 - 画布元素 - 多层

all

没有任何扩展库,是否可以在同一个画布元素中有多个图层?

所以如果我在顶层做一个 clearRect ,它不会擦除底层的吗?

谢谢。


阅读 120

收藏
2022-06-30

共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在顶层时,下层画布上的任何东西都会显示出来。

2022-06-30