HTML canvas fill() 方法
实例
画一个 150*100 像素的矩形,用红色填充:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
亲自试一试 »
浏览器支持
表中的数字表示支持该方法的第一个浏览器版本。
方法 | |||||
---|---|---|---|---|---|
fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定义和用法
fill() 方法填充当前图形(路径)。 默认颜色为黑色。
提示: 使用 fillStyle 属性来填充另一种颜色/渐变。
注释: 如果路径没有关闭,fill() 方法会在路径的最后一点到起点添加一条线来关闭路径(如 closePath()),然后填充路径。
JavaScript 语法: | context.fill(); |
---|
❮ Canvas 对象