Méthode beginPath()du canvas HTML
Exemples
Dessinez deux chemins sur le canvas ; vert et violet :
JavaScript :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Chemin vert
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Le dessiner
ctx.beginPath();
ctx.strokeStyle="purple"; // Chemin violet
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Le dessiner
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Chemin vert
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Le dessiner
ctx.beginPath();
ctx.strokeStyle="purple"; // Chemin violet
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Le dessiner
Essayez-le vous-même »
Prise en charge des navigateurs
Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la méthode beginPath().
Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
La méthode beginPath() commence un chemin, ou réinitialise le chemin actuel.
Astuce :Utilisez ces méthodes pour créer un chemin : moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo(), et arc().
Astuce :Utilisez la méthodestroke()pour dessiner le chemin exact sur le canvas.
| Syntaxe JavaScript : | context.beginPath(); |
|---|
Référence HTML canvas Autres extensions