Contoh
Menggambar persegi panjang dengan bayangan ditempatkan 20 piksel ke kanan (from the rectangle's left position) :
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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
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 (from the shape's left position) .
shadowOffsetX = -20 menunjukkan bahwa bayangan mulai 20 pixel ke kiri (from the shape's left position) .
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 " |
<Canvas Object