Phương thức measureText() của Canvas
Định nghĩa và cách sử dụng
measureText() Phương pháp trả về một đối tượng chứa độ rộng của font được chỉ định bằng pixel.
Lưu ý:Nếu bạn cần biết độ rộng của văn bản trước khi xuất văn bản lên canvas, hãy sử dụng phương pháp này.
Mô hình
Trước khi输出 văn bản trên canvas, kiểm tra độ rộng của font:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
cấu trúc ngữ pháp
context.measureText(text).width;
Giá trị tham số
| Tham số | Mô tả |
|---|---|
| text | Văn bản cần đo lường. |
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Trình duyệt Internet Explorer 8 và các phiên bản trước không hỗ trợ phần tử <canvas>.
