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画布