Phương pháp measureText() của canvas HTML
Đị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 lên canvas, hãy sử dụng phương pháp này.
Mẫu
Trước khi xuất văn bản lên canvas, hãy 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ú 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 chỉ ra 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ú：Internet Explorer 8 và các phiên bản trước không hỗ trợ phần tử <canvas>.
