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
bağlam.rect(x, y, genişlik, yükseklik)
Örnek
rect ile bir kontur çizelim:
<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();
:
Örnek
Şimdi ise dolu bir şekil çizelim:
<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();
:
Ayrıca Bakınız
-
içi dolu dikdörtgen çizen
fillRectmetodu -
dikdörtgen konturu çizen
strokeRectmetodu
