Atölye › Sudoku › 16/28. adım

Çözüldü mesajı

Ne yapıyoruz

Bulmaca çözülünce ortadaki üç satırın üstüne koyu, yarı saydam bir bant çekip süreyi yazalım.

```js
if (won) {
  ctx.fillStyle = 'rgba(15, 23, 42, 0.75)'
  ctx.fillRect(0, TOP + 3 * SIZE, canvas.width, 3 * SIZE)
  ctx.fillStyle = 'white'
  ctx.font = 'bold 28px sans-serif'
  ctx.textAlign = 'center'
  ctx.fillText('Solved in ' + clock(seconds) + '!', canvas.width / 2, TOP + 4.5 * SIZE)
  ctx.font = '18px sans-serif'
  ctx.fillText('Click for a new puzzle', canvas.width / 2, TOP + 5.3 * SIZE)
}
```

Ne işe yarıyor

ctx.fillRect(0, TOP + 3 * SIZE, canvas.width, 3 * SIZE) → 3., 4. ve 5. satırların üstüne boydan boya bir bant.
TOP + 4.5 * SIZE → bu üç satırın tam ortası.
'Solved in ' + clock(seconds) + '!' → Solved in 4:07! gibi.

Sıra sende

draw'ın sonunda, süre satırının altına if (won) bloğunu yaz. Çalıştır.

Beceriler: Canvas üzerine çizim

← Saat Yeniden oyna →

Tüm adımlar