Contoh
Menggambar persegi panjang merah dengan bayangan hitam:
JavaScript:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80); Cobalah sendiri " Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| shadowColor | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definisi dan Penggunaan
The shadowColor set properti atau mengembalikan warna digunakan untuk bayangan.
Note: Gunakan properti shadowColor bersama-sama dengan shadowBlur properti untuk membuat bayangan.
Tip: Sesuaikan bayangan dengan menggunakan shadowOffsetX dan shadowOffsetY properti.
| nilai default: | # 000000 |
|---|---|
| sintaks JavaScript: | context .shadowColor= color ; |
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| color | The nilai warna CSS digunakan untuk bayangan. Nilai default adalah # 000000 | Mainkan " |
<Canvas Object