HTML canvas(画布)fill()方法

  • fill()方法定义和用法

    fill()方法填充当前图形(路径)。默认颜色为黑色。
    提示:使用fillStyle属性填充另一种颜色/渐变。
    注意:如果路径未关闭,fill()方法将添加从最后一个点到路径起点的行以关闭路径(如closePath()),然后填充路径。

  • fill()方法浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(含)以上 支持 支持 支持 支持
  • fill()方法语法

    context.fill();

  • fill()方法实例

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.beginPath();
    ctx.rect(20, 20, 150, 100);
    ctx.fillStyle = "red";
    ctx.fill();
    
    ctx.beginPath();
    ctx.rect(40, 40, 150, 100);
    ctx.fillStyle = "blue";
    ctx.fill();
    尝试一下
  • fill()方法参数值

    类型 描述
    无参数
  • fill()方法相关页面

    HTML教程:HTML脚本

    HTML教程:HTML画布