HTML properti kanvas shadowOffsetY
contoh
Menggambar persegi panjang dengan bayangan diimbangi bawah 20 piksel (dari posisi atas persegi panjang):
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);
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan dukungan Safari properti shadowOffsetY.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
shadowOffsetY set properti atau mengembalikan jarak vertikal dari bentuk bayangan.
shadowOffsety = 0 menunjukkan tepat di bawah bentuk bayangan berada.
shadowOffsetY = 20 menunjukkan bentuk bayangan terletak pada 20 piksel di bawah posisi teratas.
shadowOffsetY = -20 menunjukkan bentuk bayangan posisi top 20-pixel di atas.
Tip: Untuk menyesuaikan bentuk bayangan dan jarak horizontal, menggunakan shadowOffsetX properti.
| default: | 0 |
|---|---|
| sintaks JavaScript: | konteks.shadowOffsetY = jumlah; |
Nilai properti
| 值 | 描述 |
|---|---|
| number | 正值或负值，定义阴影与形状的垂直距离。 |