Exemple
Commencez un chemin, passez à la position 0,0. Créer une ligne à la position 300150:
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 " |
autres exemples
Exemple
Dessiner un chemin, en forme de la lettre 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();
Essayez vous - même » <Canvas objet