HTML canvas closePath() metoden
Definisjon og bruk
closePath() metoden til at oprette en sti fra det nuværende punkt til startpunktet.
Tip:Brug stroke() metoden til at tegne præcis stien på canvas.
Tip:Brug fill() Metoder til at fylde et billede (standard er sort). Brug fillStyle Egenskaber til at fylde en anden farve/gradients.
Eksempler
Eksempel 1
Tegn en sti i form af bogstavet L, og tegn linjer for at returnere til startpunktet:
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();
Tip:Flere eksempler findes på siden af bunden.
Syntaks
context.closePath();
Flere eksempler
Eksempel 2
Brug grøn som farve til fyldning:
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="green";
ctx.fill();
Browserstøtte
Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas> elementet.
