пример
Нарисуйте два 150*100 пикселей прямоугольниками. Заполните один с красным цветом, а другой с синим цветом:
JavaScript:
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() | да | 9.0 | да | да | да |
Определение и использование
fill() метод заполняет текущий чертеж (путь). По умолчанию цвет черный.
Совет: Используйте fillStyle свойство для заполнения с другим цветом / градиентом.
Примечание: Если путь не замкнут, fill() метод будет добавить строку от последней точки до начальной точки пути , чтобы закрыть путь (как closePath() ), а затем заполнить путь.
| Синтаксис JavaScript: | context.fill(); |
|---|