خصائص shadowOffsetY لـ Canvas
التعريف والاستخدام
shadowOffsetY
يحدد أو يعيد خاصية المسافة العمودية بين الشكل والظل.
shadowOffsetY=0
يوضح أن الظل يقع تحت الشكل نفسهshadowOffsetY=20
يوضح أن الظل يقع على ارتفاع 20 بكسل تحت موقف الـ top للشكلshadowOffsetY=-20
يوضح أن الظل يقع على ارتفاع 20 بكسل فوق موقف الـ top للشكل
نصيحة:لإجراء تعديل لموقع الشكل الأفقي، استخدم shadowOffsetX خصائص.
مثال
رسم دائرة مستطيلة، مع ظل منخفض 20 بكسل (من موقف الـ top للدائرة):
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetY=20; ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80);
النحو
context.shadowOffsetY=number;
قيمة الخاصية
القيمة | الوصف |
---|---|
number | القيمة الإيجابية أو السلبية، تعريف المسافة العمودية بين الظل والشكل. |
تفاصيل التقنية
القيمة الافتراضية: | 0 |
---|
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا تدعم عنصر <canvas>.