rect Metodu

rect metodu, belirli bir noktada bir dikdörtgen çizer. Bu dikdörtgenin görünür olması için yalnızca stroke veya fill metodunun uygulanması gerekir. İlk durumda kontur, ikinci durumda ise dolu bir şekil oluşur.

Sözdizimi

javascriptbağlam.rect(x, y, genişlik, yükseklik)

Örnek

rect ile bir kontur çizelim:

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();

Результат:

Örnek

Şimdi ise dolu bir şekil çizelim:

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();

Результат:

Ayrıca Bakınız