html5-画布元素-多层

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

谢谢。

回答：

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

以上是 html5-画布元素-多层 的全部内容， 来源链接： utcz.com/qa/416933.html

回到顶部