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

javascriptmuktadha.rect(x, y, upana, urefu)

Mfano

Wacha tuchore mzunguko kwa kutumia rect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 75);
ctx.stroke();

Результат:

Mfano

Sasa wacha tuchore umbo kamili:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 75);
ctx.fill();

Результат:

Angalia Pia