Canvas shadowColor özelliği

Tanım ve kullanım

shadowColor özelliklerini ayarlayarak veya döndürerek gölge için renk belirleyin.

Açıklama:shadowColor özelliği ile shadowBlur Gölge oluşturmak için bu özellikleri birlikte kullanın.

İpucu:Gölge oluşturmak için bu özellikleri birlikte kullanın. shadowOffsetX ve shadowOffsetY Gölge etkisini ayarlamak için bu özellikleri kullanın.

Örnek

Kara gölge olan mavi bir düzengirin çizgisi:

Tarayıcınız canvas etiketini desteklememektedir.

JavaScript:

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

Kişisel olarak deneyin

Sözdizimi

context.shadowColor=color;

Özellik değeri

Değer Açıklama
color Gölge için CSS renk değeriVarsayılan değer #000000'dır.

Teknik ayrıntılar

Varsayılan değer: #000000

Tarayıcı desteği

Tablodeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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

Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklememektedir.