html5 canvas分層

000000000000O發表於2014-06-19
HTMLCanvas

目的：讓多個canvas在同一位置，不特殊設定兩個canvas不會在同一位置，canvas預設為透明，不需要特殊設定


css設定

<style>
#id1{position:relative;}
#canvasp{position:absolute;top:0px;left:0px;}
</style>


div，canvas設定

<div id="id1">
<div id="canvasp"><canvas id="canvas1"></canvas></div>
 <div id="id2"><canvas id="canvas"></canvas></div>
</div>

注意層的先後順序，按上面程式碼canvas在下，canvas1覆蓋在canvas上面

此時，如果新增onTouch事件應該新增在canvas1上，新增到canvas上識別不到


參考：http://www.html5cn.org/article-4587-1.html

相關文章