Philo_AR
Philo_AR
2016-11-04 04:26
采纳率: 25%
浏览 5.3k
已采纳

html5 多个canvas 如何用clearRect清除指定的一个canvas上的区域啊?

html5 有两个重叠的canvas 1和2 想用clearRect清除其中一个指定canvas上的矩形区域 怎么操作呢?
clearRect(0,0,1000,200);体现不出来是哪个canvas啊
谢谢!!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • dabocaiqq
    dabocaiqq 2016-11-04 04:25
    已采纳
    点赞 评论
  • csdn9_14
    陈 俊 刚 2016-11-04 04:30

    例;

     <!DOCTYPE html>
    <html>
    <body>
    
    <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
    Your browser does not support the HTML5 canvas tag.
    </canvas>
    
    <script>
    
    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    ctx.fillStyle="red";
    ctx.fillRect(0,0,300,150);
    ctx.clearRect(20,20,100,50);
    
    </script>
    
    </body>
    </html>
    

    clearRect() 方法清空给定矩形内的指定像素。

    点赞 评论

相关推荐