Metodo HTML canvas closePath()
Esempio
Disegna un percorso, a forma di lettera L, quindi traccia una linea fino al punto di partenza:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
closePath() | Yes | 9.0 | Yes | Yes | Yes |
Definizione e utilizzo
Il metodo closePath() crea un percorso dal punto corrente al punto iniziale.
Suggerimento: usa il metodo stroke() per disegnare effettivamente il percorso sulla tela.
Suggerimento: usa il metodo fill() per riempire il disegno (il nero è l'impostazione predefinita). Usa la proprietà fillStyle per riempire con un altro colore/gradiente.
sintassi JavaScript: | contesto .closePath(); |
---|
Altri esempi
Esempio
Usa il rosso come colore di riempimento:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle = "red";
ctx.fill();
❮ Riferimento tela HTML