Atribut Canvas shadowOffsetX

Panduan Referensi Canvas

Definisi dan penggunaan

shadowOffsetX Atribut menetapkan atau mengembalikan jarak tingkat bayangan dengan bentuk.

  • shadowOffsetX=0 Menunjukkan bahwa bayangan berada di bawah bentuk
  • shadowOffsetX=20 Menunjukkan bahwa bayangan berada 20 pixel di sebelah kanan posisi left bentuk
  • shadowOffsetX=-20 Menunjukkan bahwa bayangan berada 20 pixel di sebelah kiri posisi left bentuk

Pemberitahuan:Untuk mengatur ketinggian vertikal dari bentuk, gunakan shadowOffsetY Atribut.

Contoh

Menggambar sebuah lingkaran persegi dengan bayangan yang berbelok ke kanan sebesar 20 pixel (dari posisi left lingkaran):

Browser Anda tidak mendukung tag canvas.

JavaScript:

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

Coba sendiri

sintaks

context.shadowOffsetX=number;

nilai atribut

nilai deskripsi
number nilai positif atau negatif, mendefinisikan jarak tingkat 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 sebelumnya tidak mendukung elemen <canvas>.

Panduan Referensi Canvas