Manuel de référence HTML

Glossaire des balises HTML

Méthode beginPath() de canvas HTML

beginPath() est une méthode de Canvas 2La méthode D API commence un nouveau chemin en vidant la liste des sous-chemins. Lorsque vous souhaitez créer un nouveau chemin, appellez cette méthode.

Manuel de référence HTML canvas

Exemple en ligne

Sur le canevas, dessinez deux chemins ; vert et pourpre :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Utilisation de la méthode beginPath() de canvas HTML-tutoriel de base(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solide #d3d3d3>
Votre navigateur ne prend pas en charge HTML5　balise canvas.
</canvas>
<script>
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();　　//　dessiner　
ctx.beginPath();
ctx.strokeStyle="purple";　　//　Chemin pourpre
ctx.moveTo(50,0);
ctx.lineTo(150,130);　　　　　　　　　　　　
ctx.stroke();　　//　dessiner
</script>
</body>
</html>

Vérifiez ici ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9et Firefox, Opera, Chrome et Safari supportent beginPath(). méthodes.

Attention :Internet Explorer 8 Les versions précédentes de HTML ne supportent pas l'élément <canvas>.

Définition et utilisation

La méthode beginPath() commence un chemin ou réinitialise le chemin courant.

Avis :Utilisez ces méthodes pour créer un chemin : moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() et arc().

Avis :Utilisez stroke() La méthode dessine un chemin précis sur le canevas.

Syntaxe JavaScript :	context.beginPath();

Manuel de référence HTML canvas

HTML: <template> balise