其中有几个点:
1.两个canvas要在统一个div下
比如:
<div id = "right">
<div id="right_canvas">
<canvas id="bc_right" width="1600"></canvas>
<canvas id="c_right" width="1600" ></canvas>
</div>
</div>
2.两个canvas的位置要取绝对位置且位置坐标要相同
比如:
#bc_right{
background:black;
position:absolute;
border: thin solid #aaaaaa;
overflow:auto;
overflow-y:hidden;
}
#c_right{
position:absolute;
border: thin solid #aaaaaa;
overflow:auto;
overflow-y:hidden;
}
图需要变化的canvas层的background需设置,不变的不设置background将其本身当作背景。
3.canvas变化层可在一定条件下clearRect(),然后重新画图