• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • fill()

    实例

    绘制 150*100 像素的矩形,然后用红色来给它填色:

    YourbrowserdoesnotsupporttheHTML5canvastag.

    JavaScript:

    var c=document.getelementbyid("myCanvas");
    var ctx=c.getcontext("2d");
    ctx.rect(20,20,150,100);
    ctx.fillstyle="red";
    ctx.fill();

    浏览器支持

    Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 fill()方法。
    注意:Internet Explorer 8 及之前的版本不支持<canvas>元素。

    定义和用法

    fill()方法填充当前的图像(路径)。默认颜色是黑色。

    提示:请使用fillStyle属性来填充另一种颜色/渐变。

    注意:如果路径未关闭,那么 fill()方法会从路径结束点到开始点之间添加一条线,以关闭该路径(正如closePath()一样),然后填充该路径。

    JavaScript 语法:context.fill();

    上篇:clearRect()

    下篇:stroke()