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
context.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:
<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);
:
Xem thêm
-
thuộc tính
textAlign,
căn chỉnh văn bản theo chiều ngang -
thuộc tính
textBaseline,
căn chỉnh văn bản theo chiều dọc