没有任何扩展库,是否可以在同一个画布元素中有多个图层?
所以如果我在顶层做一个 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