Derniers tutoriels de développement web
 

HTML canvas lineTo() Method

<Canvas objet

Exemple

Commencez un chemin, passez à la position 0,0. Créer une ligne à la position 300150:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Essayez vous - même »

Support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.

méthode
lineTo() 4.0 9.0 3.6 4.0 10.1

Définition et utilisation

Le lineTo() méthode ajoute un nouveau point et crée une ligne de ce point au dernier point spécifié dans la toile (this method does not draw the line) .

Tip: Utilisez la stroke() méthode pour dessiner réellement le chemin sur la toile.

syntaxe JavaScript: context . lineTo( x,y ) ;

Les valeurs des paramètres

Paramètre La description Joue-le
x Les coordonnées x de l'endroit où créer la ligne Joue-le "
y La coordonnée y de l'endroit où créer la ligne Joue-le "

Exemples

autres exemples

Exemple

Dessiner un chemin, en forme de la lettre 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();
Essayez vous - même »


<Canvas objet