Contoh
Menggambar persegi panjang dengan bayangan ditempatkan 20 piksel di bawah posisi teratas persegi panjang ini:
JavaScript:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=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 | |||||
|---|---|---|---|---|---|
| shadowOffsetY | iya nih | 9.0 | iya nih | iya nih | iya nih |
Definisi dan Penggunaan
The shadowOffsetY set properti atau mengembalikan jarak vertikal dari bayangan dari bentuk.
shadowOffsety=0 menunjukkan bahwa bayangan tepat di belakang bentuk.
shadowOffsetY=20 menunjukkan bahwa bayangan dimulai 20 piksel di bawah posisi teratas bentuk ini.
shadowOffsetY=-20 menunjukkan bahwa bayangan dimulai 20 piksel di atas posisi teratas bentuk ini.
Tip: Untuk mengatur jarak horizontal bayangan dari bentuk, menggunakan shadowOffsetX properti.
| nilai default: | 0 |
|---|---|
| sintaks JavaScript: | context.shadowOffsetY=number; |
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| number | Sejumlah positif atau negatif yang mendefinisikan jarak vertikal dari bayangan dari bentuk | Mainkan " |