简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

js kaedah html5 untuk melaksanakan kemahiran text_javascript fon kosong lukisan kanvas

WBOY
Lepaskan： 2016-05-16 15:56:11
asal
1981 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah menggunakan js html5 untuk melukis teks fon kosong pada kanvas. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: 

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.strokeText("Hello World",10,50);
</script>
</body>
</html>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan web semua orang.

Label berkaitan：
canvas html5 js 绘制
sumber：php.cn
Artikel sebelumnya：Penjelasan terperinci tentang penggunaan kaedah getMilliseconds() dalam pengetahuan JavaScript_Basic Artikel seterusnya：Cara menggunakan kaedah getUTCDate() untuk memanipulasi masa dalam pengetahuan JavaScript_Basic
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
Bagaimana untuk menggunakan tag primitif terbuka dalam js 13 seterusnya? Dalam kemas kini NextJS13 baru-baru ini, mereka memperkenalkan cara baharu mengendalikan t...
daripada 2023-11-10 23:03:51
0
1
527
Livewire tidak ditentukan Saya menghadapi masalah menggunakan projek LaravelLivewire saya ke pelayan. Masalahnya ial...
daripada 2023-11-09 15:34:23
0
1
233
Vue js: Penyelesaian masalah - Membaca sifat '$refs' undefined Mendapat ralat Tidak dapat membaca sifat undefined (membaca '$refs') walaupun saya mempuny...
daripada 2023-11-07 23:34:12
0
1
305
Langkah-langkah untuk memasang jQuery dalam Nuxt.js Walaupun saya cuba menambah jQuery dalam projek saya, saya mendapat ralat mengatakan ia ti...
daripada 2023-11-06 16:41:50
0
1
225
Tingkah laku yang tidak dijangka (pepijat butang putih) apabila menggunakan Tailwind dan MUI dalam projek NextJS Saya sedang membina projek menggunakan NextJS, TailwindCSS dan perpustakaan MUIReactUI. Se...
daripada 2023-11-04 11:04:23
0
1
178
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
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！