пример
Нарисуйте 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() метод заполняет текущий чертеж (path) . По умолчанию цвет черный.
Tip: Используйте FillStyle свойство заполняться другим цветом / градиентом.
Note: Если путь не закрыт, fill() метод будет добавить строку с последней точки до начальной точки пути , чтобы закрыть путь (like closePath() ), а затем заполнить путь.
| Синтаксис JavaScript: | context . fill( ) fill( ) ; |
|---|
<Холст объекта