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

javascriptngữ 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:

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