Thuộc tính phông chữ canvas HTML
Thí dụ
Viết văn bản cao 30px trên canvas, sử dụng phông chữ "Arial":
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.font = "30px Arial";
ctx.fillText("Hello World", 10, 50);
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
| Property | |||||
|---|---|---|---|---|---|
| font | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Thuộc tính phông chữ đặt hoặc trả về thuộc tính phông chữ hiện tại cho nội dung văn bản trên canvas.
Thuộc tính phông chữ sử dụng cùng một cú pháp với thuộc tính phông chữ CSS .
| Giá trị mặc định: | 10px sans-serif |
|---|---|
| Cú pháp JavaScript: | context .font = "italic small-caps bold 12px arial"; |
Giá trị tài sản
| Values | Description | Play it |
|---|---|---|
| font-style | Specifies the font style. Possible values:
|
|
| font-variant | Specifies the font variant. Possible values:
|
|
| font-weight | Specifies the font weight. Possible values:
|
|
| font-size/line-height | Specifies the font size and the line-height, in pixels | |
| font-family | Specifies the font family | |
| caption | Use the font captioned controls (like buttons, drop-downs, etc.) | |
| icon | Use the font used to label icons | |
| menu | Use the font used in menus (drop-down menus and menu lists) | |
| message-box | Use the font used in dialog boxes | |
| small-caption | Use the font used for labeling small controls | |
| status-bar | Use the fonts used in window status bar |
❮ Tham chiếu HTML Canvas