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

javascriptbağlam.fillRect(metin, x, y);

Örnek

fillText kullanarak canvas üzerine, boyutunu 30px ve türünü Arial olarak belirlediğimiz bir metin çizelim:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат:

Ayrıca Bakınız