пример
Начните путь, перейти в положение 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); |
|---|
Значения параметров
| параметр | Описание | Сыграй |
|---|---|---|
| x | X-координата, где создать линию | Сыграй " |
| y | 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();
Попробуй сам "