HTML kanvas shadowBlur Properti

Referensi Kanvas HTML

Contoh

Gambarlah persegi panjang merah dengan bayangan hitam, dengan tingkat keburaman 20:

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
shadowBlur Yes 9.0 Yes Yes Yes

Definisi dan Penggunaan

Properti shadowBlur mengatur atau mengembalikan tingkat blur untuk bayangan.

Nilai bawaan: 0
Sintaks JavaScript: konteks .shadowBlur= angka ;

Nilai properti

Value Description Play it
number The blur level for the shadow

Referensi Kanvas HTML