Melukis teks dalam HTML5 menggunakan @fontface tidak berfungsi buat kali pertama

Melukis teks dalam kanvas menggunakan fon yang dimuatkan melalui @font-face tidak memaparkan teks dengan betul pada mulanya. Ini kerana penyemak imbas belum memuatkan fon daripada rangkaian lagi. Oleh itu, ia menggunakan fon yang sudah tersedia.

Fon mesti dimuatkan sebelum digunakan. Ini boleh dipastikan menggunakan tag. Jika anda ingin memastikan fon tersedia dan beberapa elemen lain dimuatkan terlebih dahulu maka anda boleh melakukan ini menggunakan tag seperti ini

<div style="font-family: PressStart;"></div>  

Anda juga boleh memuatkan fon seperti ini -

rreee# 🎜 🎜#

Atas ialah kandungan terperinci Melukis teks dalam HTML5 menggunakan @fontface tidak berfungsi buat kali pertama. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!