HTML холст lineTo() Метод
Пример
Начните путь, переместите в положение 0, 0. Создайте линию в положение 300 150:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот метод.
| Метод | |||||
|---|---|---|---|---|---|
| lineTo() | Да | 9.0 | Да | Да | Да |
Определение и использование
Метод lineTo() добавляет новую точку и создает линию к этой точке от последней указанной точки на холсте (этот метод не рисует линию).
Совет: Используйте метод Stroke() , чтобы фактически нарисовать путь на холсте.
| Синтаксис JavaScript: | context.lineTo(x,y); |
|---|
Другие Примеры
Пример
Нарисуйте контур, в виде буквы 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.stroke();
❮ HTML Справка на полотно