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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
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 " |
<Canvas Object