Atölye › Sokoban › 3/29. adım
İlk çizimimiz: bütün tuvali çok koyu bir kahverengiye boyayacağız. Burası deponun zemini olacak.
Çizim hep iki adımdır: önce kalemin rengini seçersin, sonra o renkle bir şekil doldurursun.
```js
ctx.fillStyle = '#1c1917'
ctx.fillRect(0, 0, canvas.width, canvas.height)
```ctx.fillStyle = '#1c1917' → kalemin dolgu rengini seçer: siyaha yakın bir kahverengi. (# 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 (480 ve 520). Yani her yer.Dosyanın en sonuna, listeyi kapatan ] satırından sonra bir boş satır bırakıp iki satırı yaz. Çalıştır: sağdaki
alan koyu renge boyanmalı.
Beceriler: Canvas üzerine çizim
← Tuval ve kalem Çizen bir fonksiyon →