Mbinu ya rect
Mbinu rect inachora mstatili katika hatua maalum.
Mstatili huu utaonekana tu ukichukua hatua ya kutumia mbinu stroke
au fill.
Katika kesi ya kwanza utapata mzunguko, na katika kesi ya pili
- umbo kamili.
Syntax
muktadha.rect(x, y, upana, urefu)
Mfano
Wacha tuchore mzunguko kwa kutumia rect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 75);
ctx.stroke();
:
Mfano
Sasa wacha tuchore umbo kamili:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 75);
ctx.fill();
:
Angalia Pia
-
mbinu
fillRect,
inayochora mstatili uliojazwa rangi -
mbinu
strokeRect,
inayochora mzunguko wa mstatili
