fillText Metodu
fillText metodu, canvas üzerinde belirtilen
metni çizer. İlk parametre olarak metnin kendisini,
ikinci ve üçüncü parametreler olarak da metnin
konumlandırılacağı noktanın koordinatlarını alır.
Yazı tipi boyutu ve türü,
font
özelliği kullanılarak belirlenir.
Sözdizimi
bağlam.fillRect(metin, x, y);
Örnek
fillText kullanarak canvas üzerine, boyutunu
30px ve türünü Arial olarak belirlediğimiz
bir metin çizelim:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
Ayrıca Bakınız
-
metod
strokeText,
canvas üzerinde belirtilen metnin ana hatlarını çizer -
özellik
font,
yazı tipi boyutunu ve türünü belirler
