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 | กำหนดขนาดตัวอักษรและสูงของบรรทัด ด้วยหน่วยเปาะ |
font-family | กำหนดตรงกำลัง |
caption | ใช้ตัวจำลองสำหรับควบคุมหัวข้อ (เช่น ปุ่ม ดาวน์โหลดหรือรายการแสดงลิสต์) |
icon | ใช้ตัวจำลองสำหรับการติดตามไอคอน |
menu | ใช้ตัวจำลองสำหรับรายการเลือก (ดาวน์โหลดหรือรายการแสดงลิสต์) |
message-box | ใช้ตัวจำลองสำหรับดาวน์โหลดหรือรายการแสดงลิสต์ |
small-caption | ใช้ตัวจำลองสำหรับการติดตามควบคุมขนาดเล็ก |
status-bar | ใช้ตัวจำลองสำหรับแถวสเตทัสของหน้าต่าง |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | 10px sans-serif |
---|
การสนับสนุนโปรแกรมนักเขียน
ตัวเลขในตารางระบุสำหรับรุ่นที่สนับสนุนคุณสมบัตินี้ทั้งหมดเป็นครั้งแรก
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ:Internet Explorer 8 และรุ่นเก่าของมันไม่สนับสนุนองค์ประกอบ <canvas>