دليل مرجع HTML

مجمع علامات HTML

خاصية shadowBlur لـ HTML canvas

يستخدم خاصية shadowBlur لضبط مستوى ضبابية الظل. القيمة الافتراضية هي 0. علامة التبويب <canvas> تسمح لك باستخدام JavaScript برسم الرسومات على صفحة الويب.

دليل مرجع HTML canvas

مثال عبر الإنترنت

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

دعونا نرى مثالاً لتحقيق خاصية shadowBlur لـ canvas:

مثال

<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية shadowBlur لـ HTML canvas (موقع دروس الأساسيات oldtoolbag.com)</title>
</head>
<body>
<canvas id="newCanvas" width="450" height="250" style="border:1px solid #d3d3d3;">
عندما لا يدعم متصفحك علامة التبويب HTML5 canvas
</canvas>
<script>
　　　var c = document.getElementById("newCanvas");
　　　var ctx = c.getContext("2d");
　　　ctx.shadowBlur = 20;
　　　ctx.shadowColor = "black";
　　　ctx.fillStyle = "green";
　　　ctx.fillRect(4, 4, 100, 150);
　　　ctx.shadowBlur = 30;
　　　ctx.shadowColor = "blue";
　　　ctx.fillStyle = "orange";
　　　ctx.fillRect(200, 40, 200, 150);
</script
</body>
</html>

الاختبار أظهر </br>

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم Internet Explorer 9،Firefox،Opera،Chrome وSafari خاصية shadowBlur.

ملاحظة:لا يدعم نسخة Internet Explorer 8 وأحدث إصداراتها عنصر <canvas>.

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

يحدد أو يعيد shadowBlur الخاصية مستوى الحجب للمظلة.

القيمة الافتراضية:	0
قواعد اللغة JavaScript:	سياق.shadowBlur=رقم;

رقم العلوية represents مستوى الحجب للمظلة.

قيمة الخاصية

القيمة	الوصف
رقم	مستوى الحجب للمظلة

دليل مرجع HTML canvas

HTML: <template> علامة