Atölye › Wordle Tarzı Kelime Tahmini › 2/26. adım

Arka planı boya

Ne yapıyoruz

İlk çizimimiz: bütün tuvali neredeyse siyah bir renge boyayacağız. Harfler ve renkli kareler bu koyu zeminde parlayacak.

Çizim hep iki adımdır: önce kalemin rengini seçersin, sonra o renkle bir şekil doldurursun.

```js
ctx.fillStyle = '#18181b'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```

ctx.fillStyle = '#18181b' → kalemin dolgu rengini seçer. # ile başlayan bu koda renk kodu denir; 'red' gibi adlar da olur.
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 (360 ve 560). Yani her yer.

const ctx = ... satırının altına bir boş satır bırakıp iki satırı yaz. Çalıştır: sağdaki alan koyu renge boyanmalı.

Beceriler: Canvas üzerine çizim