ตัวอย่าง
เขียนข้อความสูง 30px บนผืนผ้าใบโดยใช้ตัวอักษร "Arial" :
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); ลองตัวเอง» สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| font | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ความหมายและการใช้งาน
ชุดคุณสมบัติตัวอักษรหรือส่งกลับคุณสมบัติแบบอักษรปัจจุบันสำหรับเนื้อหาข้อความบนผืนผ้าใบ
สถานที่ให้บริการแบบอักษรที่ใช้ไวยากรณ์เช่นเดียวกับ สถานที่ให้บริการแบบอักษร CSS
| ค่าเริ่มต้น: | 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 | ระบุครอบครัวตัวอักษร | เล่น " |
| caption | ใช้การควบคุมตัวอักษรคำอธิบายภาพนี้ (เช่นปุ่มวางดาวน์ ฯลฯ ) | เล่น " |
| icon | ใช้ตัวอักษรที่ใช้ในการไอคอนฉลาก | เล่น " |
| menu | ใช้ตัวอักษรที่ใช้ในเมนู (เมนูแบบเลื่อนลงและรายการเมนู) | เล่น " |
| message-box | ใช้ตัวอักษรที่ใช้ในกล่องโต้ตอบ | เล่น " |
| small-caption | ใช้ตัวอักษรที่ใช้สำหรับการติดฉลากควบคุมขนาดเล็ก | เล่น " |
| status-bar | ใช้แบบอักษรที่ใช้ในแถบสถานะหน้าต่าง | เล่น " |