HTML canvas shadowColor Property

Referensi Kanvas HTML

Contoh

Gambarlah persegi panjang merah dengan bayangan hitam:

Peramban Anda tidak mendukung kanvas HTML5.

JavaScript:

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

Dukungan Peramban

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Property
shadowColor Yes 9.0 Yes Yes Yes

Definisi dan Penggunaan

Properti shadowColor mengatur atau mengembalikan warna yang akan digunakan untuk bayangan.

Catatan: Gunakan properti shadowColor bersama dengan properti shadowBlur untuk membuat bayangan.

Tip: Sesuaikan bayangan dengan menggunakan properti shadowOffsetX dan shadowOffsetY .

Nilai bawaan: #000000
Sintaks JavaScript: konteks .shadowColor= warna ;

Nilai properti

Value Description Play it
color The CSS color value to use for shadows. Default value is #000000

Referensi Kanvas HTML