Njia closePath
Njia closePath inafunga otomatiki
umbo liliyochorwa kwa kutumia njia lineTo,
ikichora mstari wa moja kwa moja kutoka kwenye sehemu ya mwisho
hadi sehemu ya mwanzo. Ikiwa umbo tayari limefungwa
au ni sehemu moja tu, basi njia haifanyi chochote.
Syntax
muktadha.closePath();
Mfano
Kwanza, tuchore mistari miwili, bila kufunga
kupitia closePath:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(100, 100);
ctx.lineTo(150, 50);
ctx.stroke();
:
Mfano
Sasa tufunge mistari hii miwili kuwa umbo kupitia
closePath, na hivyo kupata pembetatu:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(100, 100);
ctx.lineTo(150, 50);
ctx.closePath(); // kufunga mistari kuwa umbo
ctx.stroke();
:
Mfano
Wacha tuchore mraba, badala ya mstari wa mwisho
tukifunga umbo kupitia closePath:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath(); // kufunga mistari kuwa umbo
ctx.stroke();
:
Angalia Pia
-
njia
fill,
ambayo inarekebisha umbo kwa rangi iliyopewa
