Méthode beginPath()
Exemple
Dessinez un chemin vert et un chemin violet sur le canevas :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.strokeStyle = "green";
ctx.lineWidth = 5
// Commencer un chemin
ctx.beginPath();
ctx.moveTo(0, 75);
ctx.lineTo(250, 75);
// Dessinez le chemin
ctx.stroke();
// Commencer un nouveau chemin
ctx.beginPath();
ctx.strokeStyle = "purple";
ctx.moveTo(50, 0);
ctx.lineTo(150, 130);
// Dessinez le chemin
ctx.stroke(); Description
La méthode beginPath() commence un chemin ou réinitialise le chemin actuel.
Voir aussi :
La méthode closePath() (Fermer le chemin actuel)
La méthode moveTo() (Déplacer le chemin vers un point)
La méthode lineTo() (Ajouter une ligne au chemin)
La méthode fill() (Remplir le chemin actuel)
La méthode stroke() (Dessiner le chemin actuel)
Syntaxe
| context .beginPath() |
Paramètres
| AUCUN |
Valeur de retour
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
beginPath() est pris en charge par tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |