Atribut shadowOffsetY tag HTML canvas

Panduan Referensi HTML5 Canvas

Definisi dan penggunaan

shadowOffsetY Atribut mengatur atau mengembalikan jarak vertikal antara bentuk dan bayangan.

  • shadowOffsetY=0 Menunjukkan bahwa bayangan berada di bawah bentuk
  • shadowOffsetY=20 Menunjukkan bahwa bayangan berada 20 pixel di bawah posisi top bentuk
  • shadowOffsetY=-20 Menunjukkan bahwa bayangan berada 20 pixel di atas posisi top bentuk

Petunjuk:Untuk mengatur jarak horizontal posisi bentuk, gunakan shadowOffsetX Atribut.

Contoh

Menggambar segi empat persegi, dengan bayangan yang terdorong ke bawah 20 pixel (dari posisi top segi empat persegi):

Peramban Anda tidak mendukung tag canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

Coba Sendiri

Sintaks

context.shadowOffsetY=number;

Nilai Atribut

Nilai Deskripsi
number Nilai positif atau negatif, menentukan jarak vertikal bayangan dan bentuk.

Detil Teknologi

Nilai Default: 0

Dukungan Peramban

Angka di tabel menunjukkan versi pertama peramban yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.

Panduan Referensi HTML5 Canvas