خاصية shadowOffsetX لـ HTML canvas

دليل مرجعي HTML5 Canvas

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

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=رقم;

قيمة الخاصية

القيمة الوصف
رقم قيمة إيجابية أو سلبية، تعرف المسافة المستقيمة بين الظل والشكل.

تفاصيل التقنية

القيمة الافتراضية: 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>.

دليل مرجعي HTML5 Canvas