خصائص Canvas shadowOffsetX
التعريف والاستخدام
shadowOffsetX إعداد الخاصية أو العودة إلى المسافة الأفقية بين الشكل والظل.
shadowOffsetX=0يُشير إلى أن الظل يوجد تحت الشكلshadowOffsetX=20يُشير إلى أن الظل يوجد على يمين موقع left للشكل بـ 20 بكسلshadowOffsetX=-20يُشير إلى أن الظل يوجد على يسار موقع left للشكل بـ 20 بكسل
نصيحة:لإجراء تعديل في الموقع العمودي للشكل، استخدم shadowOffsetY خصائص.
مثال
رسم مستطيل يحتوي على ظل منحرف بـ 20 بكسل إلى اليمين (من موقع left للمستطيل):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
النحو
context.shadowOffsetX=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>.
