Thuộc tính font

Thuộc tính font thiết lập cấu hình phông chữ khi vẽ nó trên canvas bằng phương thức fillText hoặc phương thức strokeText. Phương thức nhận các tham số tương tự như thuộc tính CSS font.

Cú pháp

javascriptcontext.font = cấu hình phông chữ;

Ví dụ

Hãy vẽ văn bản trên canvas bằng phương thức fillText và đặt kích thước 30px và kiểu Arial cho nó bằng font:

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);

Результат:

Xem thêm