Phương thức fillText
Phương thức fillText vẽ văn bản đã chỉ định
lên canvas. Tham số đầu tiên của nó nhận chính
văn bản, tham số thứ hai và thứ ba là tọa độ của điểm,
mà văn bản này nên được đặt vào.
Kích thước và kiểu phông chữ được thiết lập bằng thuộc tính
font.
Cú pháp
ngữ cảnh.strokeRect(văn bản, x, y);
Ví dụ
Hãy vẽ văn bản lên canvas bằng phương thức
fillText, thiết lập kích thước cho nó là 30px
và kiểu Arial:
<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
-
phương thức
strokeText,
vẽ đường viền của văn bản đã chỉ định lên canvas -
thuộc tính
font,
thiết lập kích thước và kiểu phông chữ
