Метод closePath() холста HTML
Пример
Нарисуйте путь в форме буквы L, а затем проведите линию обратно к начальной точке:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.
Method | |||||
---|---|---|---|---|---|
closePath() | Yes | 9.0 | Yes | Yes | Yes |
Определение и использование
Метод closePath() создает путь от текущей точки обратно к начальной точке.
Совет: используйте метод stroke() , чтобы нарисовать путь на холсте.
Совет: используйте метод fill() для заливки рисунка (по умолчанию используется черный цвет). Используйте свойство fillStyle для заливки другим цветом/градиентом.
Синтаксис JavaScript: | контекст .closePath(); |
---|
Дополнительные примеры
Пример
Используйте красный цвет в качестве цвета заливки:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle = "red";
ctx.fill();
❮ Справочник по холсту HTML