18
การวาดข้อความเป็น <canvas> ด้วย @ font-face ใช้ไม่ได้ในครั้งแรก
เมื่อฉันวาดข้อความในผืนผ้าใบด้วยแบบอักษรที่โหลดผ่าน @ font-face ข้อความจะแสดงไม่ถูกต้อง มันไม่แสดงเลย (ใน Chrome 13 และ Firefox 5) หรือแบบอักษรผิด (Opera 11) ลักษณะการทำงานที่ไม่คาดคิดประเภทนี้เกิดขึ้นเฉพาะในรูปวาดแรกที่มีแบบอักษร หลังจากนั้นทุกอย่างก็ใช้ได้ดี มันเป็นพฤติกรรมมาตรฐานหรืออะไร? ขอบคุณ. PS: ต่อไปนี้เป็นซอร์สโค้ดของกรณีทดสอบ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>@font-face and &lt;canvas&gt;</title> <style id="css"> @font-face { font-family: 'Press Start 2P'; src: url('fonts/PressStart2P.ttf'); } </style> <style> canvas, pre { border: 1px solid black; padding: …