首页 > web前端 > html/css/css3 > html5 canvas绘图之context.clearRect 区域删除实例
网站建设、切图、企业建站、微信开发 联系QQ:404658186 tel:18716186715
2015
06-15

html5 canvas绘图之context.clearRect 区域删除实例

html5 canvas绘图之clearRect区域删除,先来了解下函数定义

context.clearRect(x, y, width, height)

把指定的区域删除,x, y是矩形左上坐标,width, height是矩形的宽度和高度。

<canvas id="demo-canvas" width="800" height="800">
您的浏览器不支持<canvas>,建议升级。
</canvas>
<script type="text/javascript">
var canvas = document.getElementById("demo-canvas");
if (canvas.getContext){
    var context = canvas.getContext('2d');
    context.fillStyle = "rgb(200,0,0)";
    context.beginPath();
    context.fillRect (10, 10, 100, 100);
    context.beginPath();
    context.clearRect(40, 40, 40, 40);
}
<script>

效果图

html canvas 区域删除clearRect

进入html5 canvas绘图详细教程

最后编辑:
作者:码农一号
这个作者貌似有点懒,什么都没有留下。
捐 赠如果您觉得这篇文章有用处,请支持作者!鼓励作者写出更好更多的文章!

留下一个回复

你的email不会被公开。

*