Exemple
Commencez un chemin, passer à la position 0,0 . Créer une ligne à la position 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(); Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| lineTo() | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Le lineTo() méthode ajoute un nouveau point et crée une ligne à ce point à partir du dernier point spécifié dans la toile (cette méthode ne tire pas la ligne).
Astuce: Utilisez la stroke() méthode pour dessiner effectivement le chemin sur la toile.
| Syntaxe JavaScript: | context.lineTo(x,y); |
|---|
Paramètre valeurs
| Paramètre | La description | Joue-le |
|---|---|---|
| x | Les coordonnées x où pour créer la ligne | Joue-le " |
| y | La coordonnée y de l'endroit où pour créer la ligne | Joue-le " |
Autres exemples
Exemple
Dessinez 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 - le vous - même »