HTML холст closePath() Метод
Пример
Нарисуйте контур, сформированный как буква 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();
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
Метод | |||||
---|---|---|---|---|---|
closePath() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод closePath() создает путь от текущей точки обратно к начальной точке.
Совет: Используйте метод Stroke() , чтобы фактически нарисовать путь на холсте.
Совет: Используйте метод Fill() для заполнения чертежа (по умолчанию используется черный цвет). Используйте свойство fillStyle для заливки другим цветом/градиентом.
Синтаксис JavaScript: | context.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 Справка на полотно