Latest web development tutorials

lineTo lienzo HTML método ()

Objeto de la lona de referencia objeto Canvas

Ejemplos

Iniciar un camino, en la posición 0,0. 300, 150 alcanza una posición para crear una línea:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari lineTo apoyo ().

Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.


Definición y Uso

lineTo método () para añadir un nuevo punto, y luego crear una línea desde ese punto a la lona en el último punto especificado (este método no crea una línea).

Consejo: Utilice el accidente cerebrovascular () método para dibujar la ruta exacta en el lienzo.

la sintaxis de JavaScript: contexto.lineTo (x, y);

parámetro Valor

参数 描述
x 路径的目标位置的 x 坐标。
y 路径的目标位置的 y 坐标。


Ejemplos

más ejemplos

Ejemplos

Dibujar una forma del trazado es la letra L:

YourbrowserdoesnotsupporttheHTMLcanvastag.

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();

Trate »


Objeto de la lona de referencia objeto Canvas