Atribut Canvas shadowOffsetY

Panduan Referensi Canvas

Definisi dan penggunaan

shadowOffsetY Atribut yang diatur atau mengembalikan jarak vertikal bentuk dengan bayangan.

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

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

Contoh

Gambar sebuah lingkaran persegi dengan bayangan yang tergeser ke bawah 20 pixel (dari posisi atas lingkaran):

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 dengan bentuk.

Detil Teknis

Nilai Default: 0

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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 yang lebih awal tidak mendukung elemen <canvas>.

Panduan Referensi Canvas