Apakah gaya fon kanvas?

Gaya fon kanvas termasuk jenis fon, saiz fon, berat fon, gaya fon, varian fon, penjajaran teks, garis dasar teks, warna teks, sempadan teks dan bayangan teks. Pengenalan terperinci: 1. Jenis fon, seperti Arial, Verdana, Helvetica, dsb., anda boleh menggunakan nama fon dalam gaya CSS, atau anda boleh menggunakan laluan fail fon 2. Saiz fon, gunakan fon-; atribut saiz untuk menetapkan saiz teks, anda boleh Gunakan piksel atau peratusan untuk menentukan saiz 3. Ketebalan fon, dsb.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Kanvas ialah API lukisan dalam HTML5, yang menyediakan cara untuk melukis grafik pada halaman web. Dalam Kanvas, kita boleh menggunakan gaya fon yang berbeza untuk menghasilkan teks. Berikut ialah beberapa gaya fon Kanvas biasa:

Jenis fon (fon-keluarga): Jenis fon yang berbeza boleh digunakan untuk memaparkan teks dalam Kanvas, seperti Arial, Verdana, Helvetica, dsb. Anda boleh menggunakan nama fon daripada gaya CSS atau laluan ke fail fon.

Saiz fon (saiz fon): Gunakan atribut saiz fon untuk menetapkan saiz teks. Saiz boleh ditentukan menggunakan piksel (px) atau peratusan (%).

Berat fon (berat fon): Gunakan atribut berat fon untuk menetapkan ketebalan teks. Nilai biasa termasuk normal, tebal, lebih ringan, dsb.

Gaya fon (gaya fon): Gunakan atribut gaya fon untuk menetapkan gaya teks. Nilai biasa termasuk normal, condong, serong, dsb.

Varian fon (varian fon): Gunakan atribut varian fon untuk menetapkan varian teks. Nilai biasa termasuk biasa (biasa), huruf besar kecil (huruf besar kecil), dsb.

Penjajaran teks (penjajaran teks): Gunakan atribut penjajaran teks untuk menetapkan penjajaran teks. Nilai biasa termasuk kiri (dijajarkan ke kiri), tengah (dijajarkan ke tengah), kanan (dijajarkan ke kanan), dsb.

Text-baseline: Gunakan atribut text-baseline untuk menetapkan kedudukan baseline teks. Nilai biasa termasuk atas (penjajaran atas), tengah (penjajaran tengah), bawah (penjajaran bawah), dsb.

Warna teks (fillStyle): Gunakan atribut fillStyle untuk menetapkan warna teks. Anda boleh menggunakan nama warna daripada gaya CSS, atau anda boleh menggunakan kod warna heksadesimal.

Sempadan teks (StrokeStyle): Gunakan atribut StrokeStyle untuk menetapkan warna sempadan teks. Anda boleh menggunakan nama warna daripada gaya CSS, atau anda boleh menggunakan kod warna heksadesimal.

Bayang teks (bayangan): Gunakan atribut bayang-bayang untuk menambah kesan bayang-bayang pada teks. Anda boleh melaraskan kesan bayang-bayang dengan menetapkan offset bayang-bayang, jejari kabur dan warna.

Ini adalah gaya fon Kanvas biasa Dengan melaraskan nilai sifat ini, kami boleh mencapai pelbagai kesan fon. Dalam Kanvas, JavaScript boleh digunakan untuk mengubah suai sifat ini secara dinamik untuk mencapai kesan teks dinamik.

Atas ialah kandungan terperinci Apakah gaya fon kanvas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!