<strong>1. Sesuaikan gaya berus</strong> <br><br>Jika anda ingin menambah warna pada peta bentuk, anda perlu menggunakan dua atribut penting berikut. <br><br>fillStyle: Tetapkan warna lalai untuk semua operasi isian. <br>StrokeStyle: Tetapkan warna lalai untuk semua operasi stroke. <br><br><strong>2. Lukiskan segi empat tepat dengan warna dan ketelusan</strong> <br><br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode33'));"><u>Salin kod</u></span></div> Kodnya adalah seperti berikut: </div> <div class="msgborder" id="phpcode33"> <br><!DOCTYPE html> <br><html> content=" text/html; charset = utf-8"> <br><title>HTML5</title> <br><script type="text/javascript" charset = "utf-8"> 🎜>/ /Fungsi ini akan dipanggil selepas halaman dimuatkan sepenuhnya <br>function pageLoaded() <br>{ <br>//Dapatkan rujukan kepada objek kanvas Ambil perhatian bahawa nama tCanvas mestilah sama dengan id dalam kandungan di bawah <br>var canvas = document .getElementById('tCanvas'); >//Kod lukisan akan muncul di sini<br>/ /Tetapkan warna isian kepada merah<br>context.fillStyle = "red"; <br>//Lukis segi empat tepat pepejal merah<br>context.fillRect(50, 50,100,40); <br>//Tetapkan warna tepi Untuk hijau <br>context.fillStyle = "hijau"; 🎜>//Gunakan rgb() untuk menetapkan warna isian kepada biru <br>context.fillStyle = "rgb(0,0,255)"; 40); <br>//Tetapkan warna isian kepada hitam Dan nilai alfa (transparensi) ialah 0.2 <br>context.fillStyle = "rgba(0,0,0,0.2)" <br>//Draw a segi empat tepat pepejal hitam telus<br>context.fillRect(300,180,100,50 ); > <br><lebar kanvas = "500" tinggi = "300" id = "tCanvas" style = "border:black 1px solid;"> , fon berikut akan dipaparkan--> <br>Petua: Peranti anda tidak menyokong tag <canvas></canvas> /html> <br><br><br><br>3. Kesan lukisan<br> <br><br> </div>