Manuale di riferimento HTML

Completo elenco dei tag HTML

Metodo beginPath() del canvas HTML

beginPath() è un metodo dell'API Canvas 2D che inizia una nuova percorso cancellando la lista dei sottopercorsi. Quando vuoi creare un nuovo percorso, chiama questo metodo.

Manuale di riferimento per HTML canvas

Esempio online

Disegna due percorsi sulla tela; verde e viola:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo del metodo beginPath() su canvas HTML5 - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag canvas HTML5.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();　　　　　　　　　　　　　　
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Percorso verde
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke();　　//　Disegna　
ctx.beginPath();
ctx.strokeStyle="purple"; // Viola percorso
ctx.moveTo(50,0);
ctx.lineTo(150,130);　　　　　　　　　　　　
ctx.stroke();　　//　Disegna
</script>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano beginPath(). Metodi.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

Il metodo beginPath() inizia un percorso o resetta il percorso corrente.

Suggerimento:Utilizzare questi metodi per creare un percorso: moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() e arc().

Suggerimento:Utilizzare stroke() Il metodo disegna un percorso esatto sul canvas.

Sintassi JavaScript:	context.beginPath();

Manuale di riferimento per HTML canvas

HTML: <template> etichetta