canvas实现图层覆盖实现--caap项目T1线的重画

其中有几个点:

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(),然后重新画图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值