Canvas shadowBlur Attribute

Definition and Usage

shadowBlur Set or return the blur level of the shadow.

Example

Draw a blue rectangle with a black shadow, blur level is 20:

Your browser does not support the canvas tag.

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);

try it yourself

grammar

context.shadowBlur=number;

مقدار مقیاس

مقدار توضیح
number مقدار مبهم سایه

جزئیات فنی

مقدار پیش‌فرض: #000000

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ای اولیه از مرورگر است که این ویژگی را به خوبی پشتیبانی می‌کند.

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

توجه:نسخه‌های 8 و قبل از آن از Internet Explorer پشتیبانی از عنصر <canvas> را ندارند.