HTML canvas font 属性
实例
在画布上写一段 40 像素的文本，使用的字体是 "Arial"：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="40px Arial";
ctx.fillText("Hello World",10,50);
语法
context.font="italic small-caps bold 12px arial";
属性值
| 值 | 描述 |
|---|---|
| font-style |
规定字体样式。
|
| font-variant |
规定字体变体。
|
| font-weight |
规定字体的粗细。
|
| font-size / line-height | Định nghĩa kích thước và độ cao dòng, tính theo pixel. |
| font-family | Định nghĩa họat văn. |
| caption | Sử dụng font cho các điều khiển tiêu đề (ví dụ: nút, danh sách rơi...). |
| icon | Sử dụng font để đánh dấu biểu tượng. |
| menu | Sử dụng font cho menu (danh sách rơi và danh sách menu). |
| message-box | Sử dụng font cho hộp thoại. |
| small-caption | Sử dụng font cho các điều khiển nhỏ. |
| status-bar | Sử dụng font cho thanh trạng thái cửa sổ. |
Chi tiết kỹ thuật
| Giá trị mặc định: | 10px sans-serif |
|---|
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 sớm hơn không hỗ trợ yếu tố <canvas>.
