Atölye › XOX › 8/33. adım
X ve O'yu büyük harfler olarak çizeceğiz. Canvas'a yazı yazmak da çizim gibidir: önce yazı tipini ve rengi seçersin, sonra yazıyı bir noktaya koyarsın.
Bu adımda sol üst kutunun tam ortasına, yani (50, 50) noktasına pembe bir X yazıyoruz. Önce denemek için.
```js
ctx.font = 'bold 64px sans-serif'
ctx.textAlign = 'center'
ctx.textBaseline = 'middle'
ctx.fillStyle = '#f38ba8'
ctx.fillText('X', 50, 50)
}
```ctx.font = 'bold 64px sans-serif' → yazı tipi: kalın (bold), 64 piksel boyunda, sade bir yazı tipi.ctx.textAlign = 'center' → verilen x, yazının yatay ortası olsun.ctx.textBaseline = 'middle' → verilen y, yazının dikey ortası olsun. Bu ikisi sayesinde bir kutunun
ortasını vermek yeter; harf kendiliğinden ortalanır.ctx.fillStyle = '#f38ba8' → pembe renk.ctx.fillText('X', 50, 50) → 'X' yazısını (50, 50) noktasına yazar. Sol üst kutu 0–100 arası; ortası 50.} yeni satır değil: draw fonksiyonunun kapanışı. Yeni satırlar onun üstüne gelir.draw fonksiyonunun içinde, döngünün kapanan } işaretinin altına bir boş satır bırak.} işaretinin üstüne, iki boşluk içeriden yaz.Beceriler: Canvas üzerine çizim
← Çizen bir fonksiyon Kutu numarasından konuma →