masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > teks badan

HTML5 menggunakan kanvas untuk melukis kesan teks_html5 kemahiran tutorial

WBOY
Lepaskan： 2016-05-16 15:47:08
asal
1503 orang telah melayarinya




Salin kod
Kod adalah seperti berikut:

var canvas=document.getElementById("canvas");
var cxt= canvas.getContext("2d");
cxt.font="40px bold";
//Lukis perkataan padat
cxt.fillStyle="red";//Isi dengan merah
cxt.fillText ("hello, Dr. Sisi",10,50);
//Lukis perkataan kosong
cxt.strokeStyle="red";//Sempadan merah
cxt.strokeText("hello , Dr. Sisi ",10,100);

Label berkaitan：
canvas html5 文字特效
sumber：php.cn
Artikel sebelumnya：Proses pengeluaran kemahiran tutorial halaman web_html5 hitung detik Krismas 2014 Artikel seterusnya：Contoh demonstrasi menyusun avatar watak menggunakan kemahiran tutorial html5 dan css3 animation_html5
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan