HTML-doek closePath() Metode
Voorbeeld
Teken 'n pad, gevorm as die letter L, en trek dan 'n lyn terug na die beginpunt:
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();
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
| Method | |||||
|---|---|---|---|---|---|
| closePath() | Yes | 9.0 | Yes | Yes | Yes |
Definisie en gebruik
Die closePath() metode skep 'n pad vanaf die huidige punt terug na die beginpunt.
Wenk: Gebruik die stroke() metode om werklik die pad op die doek te teken.
Wenk: Gebruik die fill() metode om die tekening te vul (swart is verstek). Gebruik die fillStyle- eienskap om met 'n ander kleur/gradiënt te vul.
| JavaScript-sintaksis: | konteks .closePath(); |
|---|
Meer voorbeelde
Voorbeeld
Gebruik rooi as vulkleur:
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();
❮ HTML-doekverwysing