码迷,mamicode.com
首页 > Web开发 > 详细

HTML5画布: clearRect()

时间:2015-08-06 15:05:32      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:html5技术   黄艺斌   html5   html5自由者   canvas   

clearRect()是用来清除画布的一个矩形。

var canvas  = document.getElementById("ex1");
var context = canvas.getContext("2d");

context.fillStyle = "#ff0000";
context.fillRect(10,10, 100,100);

context.strokeStyle = "#0000ff";
context.strokeRect(30,20, 120, 110);

context.clearRect(50, 30, 110, 35);
技术分享

红色和蓝色矩形的矩形现已清除。

如前面提到的,使用清除clearRect()区域变得透明。假如有画布分层 那透明区域底下将可见/


HTML5画布: clearRect()

标签:html5技术   黄艺斌   html5   html5自由者   canvas   

原文地址:http://blog.csdn.net/html5_/article/details/47316587

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!