Rumah hujung hadapan web Tutorial H5 Kanvas HTML5 - lukis segi empat tepat dan segi tiga contoh kod_html5 kemahiran tutorial

Kanvas HTML5 - lukis segi empat tepat dan segi tiga contoh kod_html5 kemahiran tutorial

May 16, 2016 pm 03:49 PM
canvas segi tiga segi empat tepat

Pertama, letakkan elemen kanvas dalam halaman html, di mana elemen kanvas harus mempunyai tiga atribut: ID, lebar dan ketinggian.

Salin kod
Kod adalah seperti berikut:



Dapatkan objek kanvas dan dapatkan konteks var cxt=document.getElementById('demo').getContext( "2d"); Parameter 2d ditentukan.

Mula melukis Ada dua borang, satu isi dan satu lagi sapuan.

Kod javascript:

Salin kod
Kod tersebut adalah seperti berikut:




Rendering:

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah luas bulatan dalam segi empat tepat yang ditulis dalam separuh bulatan? Apakah luas bulatan dalam segi empat tepat yang ditulis dalam separuh bulatan? Sep 13, 2023 am 08:45 AM

Bulatan yang ditulis dalam segi empat tepat adalah tangen pada sisi panjang segi empat tepat, iaitu panjangnya tangen dengan bulatan. Segi empat tepat yang ditulis dalam separuh bulatan menyentuh dua titik pada lengkok separuh bulatan itu. Lebar segi empat tepat adalah sama dengan diameter bulatan. Jika R ialah jejari separuh bulatan itu. Panjang segi empat tepat = √2R/2 Lebar segi empat tepat = R/√2 Jejari bulatan tersurat ialah r = b/2 = R/2√2 Dengan menggunakan formula ini kita boleh mengira segi empat tepat yang tertulis dalam separuh bulatan. Luas bulatan, luas = (π*r2)=π*R/8 Contoh Demonstrasi #include<stdio.h>intmain(){&

Program Java untuk mengira luas segi tiga menggunakan penentu Program Java untuk mengira luas segi tiga menggunakan penentu Aug 31, 2023 am 10:17 AM

Pengenalan Program Java untuk mengira luas segi tiga menggunakan penentu adalah program ringkas dan cekap yang boleh mengira luas segitiga diberi koordinat tiga bucu. Program ini berguna untuk sesiapa sahaja yang belajar atau bekerja dengan geometri, kerana ia menunjukkan cara menggunakan pengiraan aritmetik dan algebra asas dalam Java, serta cara menggunakan kelas Pengimbas untuk membaca input pengguna. Program ini menggesa pengguna untuk koordinat tiga titik segi tiga, yang kemudiannya dibaca dan digunakan untuk mengira penentu matriks koordinat. Gunakan nilai mutlak penentu untuk memastikan kawasan sentiasa positif, kemudian gunakan formula untuk mengira luas segi tiga dan memaparkannya kepada pengguna. Program ini boleh diubah suai dengan mudah untuk menerima input dalam format yang berbeza atau untuk melakukan pengiraan tambahan, menjadikannya alat serba boleh untuk pengiraan geometri. pangkat penentu

Bagaimana untuk menggabungkan grafik selepas segi empat tepat CAD bertaburan Bagaimana untuk menggabungkan grafik selepas segi empat tepat CAD bertaburan Feb 28, 2024 pm 12:10 PM

Apabila menggunakan perisian CAD, kita sering menghadapi situasi di mana kita perlu menggabungkan semula objek segi empat tepat "berselerak" ke dalam satu grafik. Keperluan ini timbul dalam banyak bidang, seperti perancangan ruang, reka bentuk mekanikal dan lukisan seni bina. Untuk memenuhi permintaan ini, kita perlu memahami dan menguasai beberapa fungsi utama dalam perisian CAD. Seterusnya, editor laman web ini akan memperkenalkan anda secara terperinci bagaimana untuk menyelesaikan tugasan ini dalam persekitaran CAD Pengguna yang mempunyai keraguan boleh datang dan mengikuti artikel ini untuk belajar. Kaedah untuk menggabungkan segi empat tepat CAD ke dalam satu grafik selepas memecahkannya: 1. Buka perisian CAD2023, cipta segi empat tepat, dan kemudian masukkan arahan X dan ruang. Seperti yang ditunjukkan di bawah: 2. Pilih objek segi empat tepat dan jarakkannya. Anda boleh memecahkan objek. 3. Pilih semua baris terbuka

Apakah pemalam anak panah kanvas? Apakah pemalam anak panah kanvas? Aug 21, 2023 pm 02:14 PM

Pemalam anak panah kanvas termasuk: 1. Fabric.js, yang mempunyai API yang ringkas dan mudah digunakan serta boleh mencipta kesan anak panah tersuai 2. Konva.js, yang menyediakan fungsi melukis anak panah dan boleh mencipta pelbagai anak panah gaya; 3. Pixi.js , yang menyediakan fungsi pemprosesan grafik yang kaya dan boleh mencapai pelbagai kesan anak panah; ; 6. Rough .js, anda boleh membuat anak panah yang dilukis dengan tangan, dsb.

Apakah butiran jam kanvas? Apakah butiran jam kanvas? Aug 21, 2023 pm 05:07 PM

Butiran jam kanvas termasuk penampilan jam, tanda semak, jam digital, jam, minit dan jarum kedua, titik tengah, kesan animasi, gaya lain, dsb. Pengenalan terperinci: 1. Penampilan jam, anda boleh menggunakan Kanvas untuk melukis dail bulat sebagai penampilan jam, dan anda boleh menetapkan saiz, warna, jidar dan gaya dail lain. 2. Garisan skala, lukis garisan skala; dail untuk mewakili jam atau minit. 3. Jam digital, anda boleh melukis jam digital pada dail untuk menunjukkan jam dan minit semasa

Apakah versi html2canvas yang ada? Apakah versi html2canvas yang ada? Aug 22, 2023 pm 05:58 PM

Versi html2canvas termasuk html2canvas v0.x, html2canvas v1.x, dsb. Pengenalan terperinci: 1. html2canvas v0.x, yang merupakan versi awal html2canvas Versi stabil terkini ialah v0.5.0-alpha1. Ia adalah versi matang yang telah digunakan secara meluas dan disahkan dalam banyak projek;

Tulis program Java untuk mengira luas dan perimeter segi empat tepat menggunakan konsep kelas Tulis program Java untuk mengira luas dan perimeter segi empat tepat menggunakan konsep kelas Sep 03, 2023 am 11:37 AM

Bahasa Java adalah salah satu bahasa pengaturcaraan berorientasikan objek yang paling biasa digunakan di dunia hari ini. Konsep kelas adalah salah satu ciri terpenting bahasa berorientasikan objek. Kelas adalah seperti pelan tindakan untuk objek. Sebagai contoh, apabila kita ingin membina rumah, kita mula-mula membuat blueprint rumah, dengan kata lain, kita membuat rancangan yang menunjukkan bagaimana kita akan membina rumah tersebut. Mengikut rancangan ini kita boleh membina banyak rumah. Begitu juga, menggunakan kelas, kita boleh mencipta banyak objek. Kelas ialah cetak biru untuk mencipta banyak objek, dengan objek ialah entiti dunia sebenar seperti kereta, basikal, pen, dsb. Kelas mempunyai ciri-ciri semua objek, dan objek mempunyai nilai ciri-ciri ini. Dalam artikel ini, kami akan menulis program Java untuk mencari perimeter dan muka segi empat tepat menggunakan konsep kelas

Apakah sifat yang dimiliki oleh tkinter canvas? Apakah sifat yang dimiliki oleh tkinter canvas? Aug 21, 2023 pm 05:46 PM

Atribut kanvas tkinter termasuk bg, bd, relief, lebar, ketinggian, kursor, latar belakang sorotan, warna sorotan, ketebalan sorotan, latar belakang sisipan, lebar sisipan, latar belakang pilih, latar belakang pilih, atribut perintah xscroll, dsb. Pengenalan terperinci

See all articles