HTML-холст LineTo метод ()
HTML холст Справочное руководство
примеров
Начать путь, к позиции 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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддержка LineTo () метод.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
Метод LineTo (), чтобы добавить новую точку, а затем создать линию из этой точки на холст в последней указанной точке (этот метод не создает линию).
Совет: Используйте инсульт () метод , чтобы сделать точный путь на холсте.
Синтаксис JavaScript: | Контекст.lineTo (х, у); |
---|
Параметр Значение
参数 | 描述 |
---|---|
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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
Попробуйте »
HTML холст Справочное руководство