ตัวอย่าง
เขียนข้อความสูง 30px บนผืนผ้าใบโดยใช้ตัวอักษร "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| font | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ความหมายและการใช้งาน
ชุดคุณสมบัติตัวอักษรหรือส่งกลับคุณสมบัติแบบอักษรปัจจุบันสำหรับเนื้อหาข้อความบนผืนผ้าใบ
สถานที่ให้บริการแบบอักษรที่ใช้ไวยากรณ์เช่นเดียวกับ CSS font property
| ค่าเริ่มต้น: | 10px Sans-serif |
|---|---|
| ไวยากรณ์ JavaScript: | context .font="italic small-caps bold 12px arial"; |
ค่าทรัพย์สิน
| ค่า | ลักษณะ | เล่น |
|---|---|---|
| font-style | ระบุลักษณะแบบอักษร ค่าที่เป็นไปได้:
| เล่น " |
| font-variant | ระบุตัวอักษรที่แตกต่างกัน ค่าที่เป็นไปได้:
| เล่น " |
| font-weight | ระบุน้ำหนักตัวอักษร ค่าที่เป็นไปได้:
| เล่น " |
| font-size/line-height | ระบุขนาดตัวอักษรและ line-height พิกเซล | เล่น " |
| font-family | ระบุครอบครัวตัวอักษร | เล่น " |
| คำบรรยายภาพ | ใช้การควบคุมตัวอักษร captioned (like buttons, drop-downs, etc.) | เล่น " |
| ไอคอน | ใช้ตัวอักษรที่ใช้ในการไอคอนฉลาก | เล่น " |
| เมนู | ใช้ตัวอักษรที่ใช้ในเมนู (drop-down menus and menu lists) | เล่น " |
| ข้อความกล่อง | ใช้ตัวอักษรที่ใช้ในกล่องโต้ตอบ | เล่น " |
| คำบรรยายใต้ภาพขนาดเล็ก | ใช้ตัวอักษรที่ใช้สำหรับการติดฉลากควบคุมขนาดเล็ก | เล่น " |
| แถบสถานะ | ใช้แบบอักษรที่ใช้ในแถบสถานะหน้าต่าง | เล่น " |
<ผ้าใบวัตถุ