Atölye › 15 Bulmacası › 3/27. adım
İlk çizimimiz: bütün tuvali koyu, kahverengimsi bir griye boyayacağız. Bulmacanın üstünde durduğu masa olacak.
Çizim hep iki adımdır: önce kalemin rengini seçersin, sonra o renkle bir şekil doldurursun.
```js
ctx.fillStyle = '#292524'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```ctx.fillStyle = '#292524' → kalemin dolgu rengini seçer. # ile başlayan bu koda renk kodu denir.ctx.fillRect(0, 0, canvas.width, canvas.height) → içi dolu bir dikdörtgen çizer:0, 0 → sol üst köşesi. Canvas'ta (0, 0) sol üst köşedir; x sağa, y aşağı doğru büyür.canvas.width, canvas.height → eni ve boyu: tuvalin kendi boyu (400 ve 460). Yani her yer.reset fonksiyonunun kapanan }'si ile en alttaki reset() satırının arasına, üstünde ve altında birer boş
satır kalacak şekilde iki satırı yaz. Çalıştır: sağdaki alan koyu renge boyanmalı.
Beceriler: Canvas üzerine çizim
← Tuval ve kalem Çizen bir fonksiyon →