Atölye › 2048 › 5/26. adım
Her karonun ortasına sayısını yazıyoruz. Açık renkli 2 ve 4'te koyu gri, daha koyu renkli büyük sayılarda beyaz yazı okunur.
Yazıyı hücrenin tam ortasına koymak için kaleme iki ayar veriyoruz: yatayda ortala, dikeyde ortala.
```js
ctx.textBaseline = 'middle'
ctx.textAlign = 'center'
if (value !== 0) {
ctx.fillStyle = value <= 4 ? '#776e65' : '#f9f6f2'
ctx.font = 'bold 40px sans-serif'
ctx.fillText(String(value), cellX(col) + CELL / 2, cellY(row) + CELL / 2)
}
```ctx.textBaseline = 'middle' → yazının dikey ortası verdiğin y'ye gelsin (normalde harflerin oturduğu
çizgi gelir). ctx.textAlign = 'center' → yatay ortası x'e gelsin.if (value !== 0) → boş hücreye yazı yazma.value <= 4 ? '#776e65' : '#f9f6f2' → 2 ve 4 koyu gri, diğerleri beyaz.String(value) → sayıyı yazıya çevirir. cellX(col) + CELL / 2 → hücrenin yatay ortası; cellY(row) + CELL / 2
dikey ortası.draw içinde tahtayı boyayan fillRect satırının altındaki boş satırdan sonra ctx.textBaseline = 'middle' yaz,
bir boş satır bırak, sonra ctx.textAlign = 'center' yaz (döngü bunun hemen altında kalır).ctx.fillRect(cellX(col), ...) satırının altına if bloğunu yaz.Beceriler: Canvas üzerine çizim
← Her sayıya bir renk Büyük sayı, küçük yazı →