خصائص shadowBlur في HTML canvas

تعريف الاستخدام

shadowBlur تعيين أو رجوع إعداد الغموض للظل.

مثال

رسم مستطيل أزرق يحتوي على ظل أسود، درجة الغموض هي 20:

متصفحك لا يدعم علامة الكanvas.

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

تجربة شخصية،

النصاب،

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،

ملاحظة:،Internet Explorer 8 وكل الإصدارات السابقة لا تدعم عنصر <canvas>.