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