Metodo canvas HTML BeginPath ()
HTML Manuale di tela di riferimento
Esempi
Disegnare due percorsi su tela, verde e viola:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
Prova »
Supporto per il browser
Internet Explorer metodo 9, Firefox, Opera, Chrome e Safari supporto BeginPath ().
Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.
Definizione e utilizzo
Metodo BeginPath () per avviare un percorso, o reimpostare il percorso corrente.
Suggerimento: utilizzare questi metodi per creare percorsi moveTo (), lineTo (), quadricCurveTo (), bezierCurveTo (), arcTo () e l'arco ().
Suggerimento: Utilizzare la corsa () metodo per disegnare il percorso esatto sulla tela.
| sintassi JavaScript: | contesto .beginPath (); |
|---|
HTML Manuale di tela di riferimento