上一节:
下一节:

  HTML canvas(画布)clearRect()方法

  • clearRect()方法定义和用法

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

  • clearRect()方法浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0（含）以上 支持 支持 支持 支持

  • clearRect()方法语法

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

  • clearRect()方法实例

    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);
    尝试一下

  • clearRect()方法参数值

    类型 描述
    x 矩形左上角的x坐标
    y 矩形左上角的y坐标
    width 矩形的宽度，以像素为单位
    height 矩形的高度，以像素为单位

  • clearRect()方法相关页面

    HTML教程：HTML脚本

    HTML教程：HTML画布

返回画布参考
上一节:
下一节: