Properti font
Properti font mengatur pengaturan font
saat menggambarnya pada canvas dengan metode
fillText
atau metode strokeText.
Metode menerima parameter yang sama seperti
properti CSS font.
Sintaks
konteks.font = pengaturan font;
Contoh
Mari gambarkan teks pada canvas menggunakan
fillText
dan atur ukurannya menjadi 30px dan tipe
Arial menggunakan font:
<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);
:
Lihat juga
-
properti
textAlign,
yang meratakan teks secara horizontal -
properti
textBaseline,
yang meratakan teks secara vertikal
