Canvas closePath() metode
Definition og brug
closePath() metode til at oprette en sti fra den nuværende til startpunktet.
Tip:Brug stroke() metode til at tegne præcis stien på canvas.
Tip:Brug fill() Metode til at fylde med et billede (standard er sort). Brug fillStyle Egenskab til at fylde med en anden farve/gradients.
Eksempel
Eksempel 1
Tegn en sti i form af bogstavet L, og tegn derefter 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 fyldfarve:
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();
Browser-understøttelse
Tabelens tal 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.
