html5 – canvas元素 – 多层

前端之家收集整理的这篇文章主要介绍了html5 – 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画布上绘制第二个图层。然后当你在顶层上清除Rect时,下层画布上的任何内容都会显示出来。

猜你在找的HTML5相关文章