Apakah fon yang disokong oleh kanvas?

Kanvas menyokong fon seperti Arial, Times New Roman, Verdana, Courier New, Impact, dll. Pengenalan terperinci: 1. Arial, fon sans serif yang biasa digunakan dengan garis yang jelas dan kebolehbacaan, sesuai untuk pelbagai senario aplikasi; 2. Times New Roman, fon serif tradisional dengan penampilan yang elegan dan kebolehbacaan yang baik; fon untuk paparan skrin; 3. Kurier Baharu, dsb.

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

Kanvas ialah elemen penting dalam HTML5 dan digunakan untuk melukis grafik, animasi dan kesan visual lain pada halaman web. Dalam Kanvas, pemilihan fon adalah penting untuk mereka bentuk dan memaparkan kandungan teks. Terdapat banyak fon yang disokong oleh Canvas Berikut ialah beberapa fon yang biasa digunakan dan cara menggunakannya dalam Canvas.

1. Arial: Arial ialah fon sans serif yang biasa digunakan. Ia mempunyai garisan yang jelas dan kebolehbacaan serta sesuai untuk pelbagai senario aplikasi. Menggunakan fon Arial dalam Kanvas boleh dicapai dengan menetapkan sifat fon kepada "Arial".

2 Times New Roman: Times New Roman ialah fon serif tradisional, yang mempunyai penampilan yang elegan dan kebolehbacaan yang baik. Untuk menggunakan fon Times New Roman dalam Kanvas, anda boleh menetapkan sifat fon kepada "Times New Roman".

3 Verdana: Verdana ialah fon sans serif yang digunakan secara meluas untuk paparan skrin Ia mempunyai jarak huruf yang besar dan garisan yang jelas, dan sesuai untuk paparan tajuk besar dan teks penting. Untuk menggunakan fon Verdana dalam Kanvas, anda boleh menetapkan sifat fon kepada "Verdana".

4 Courier New: Courier New ialah fon lebar tetap dengan lebar yang sama untuk setiap aksara, sesuai untuk memaparkan kod dan teks lebar tetap. Untuk menggunakan fon Baharu Kurier dalam Kanvas, anda boleh menetapkan sifat fon kepada "Baharu Kurier".

5. Impak: Impak ialah fon sans serif yang tebal dengan kesan visual yang kuat, sesuai untuk tajuk besar dan teks yang difokuskan. Menggunakan fon Impak dalam Kanvas boleh dicapai dengan menetapkan sifat fon kepada "Impak".

Selain fon yang biasa digunakan yang disebut di atas, Canvas juga menyokong fon lain, seperti Georgia, Tahoma, Comic Sans MS, dll. Ia boleh digunakan dengan menetapkan sifat fon kepada nama fon yang sepadan.

Dalam Canvas, kaedah menggunakan fon adalah seperti berikut:

1 Gunakan JavaScript untuk mendapatkan objek konteks elemen Canvas: var ctx = canvas.getContext("2d");

2 : ctx.font = " 20px Arial";

3 Draw text: ctx.fillText("Hello World", 50, 50);

Dalam kod di atas, atribut fon ditetapkan kepada fon Arial sebanyak 20 piksel , dan kaedah fillText digunakan pada Kanvas Teks "Hello World" dilukis pada kedudukan (50, 50).

Untuk meringkaskan, Canvas menyokong banyak fon, termasuk Arial, Times New Roman, Verdana, Courier New, Impact, dll. Dengan menetapkan sifat fon kepada nama fon yang sepadan, fon ini boleh digunakan dalam Kanvas untuk memaparkan kandungan teks.

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