مثال
رسم مستطيل مع الظل وضعت 20 بكسل إلى اليمين (من موقف الجهة اليسرى للالمستطيل):
جافا سكريبت:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| الملكية | |||||
|---|---|---|---|---|---|
| shadowOffsetX | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
مجموعات الملكية shadowOffsetX أو ترجع المسافة الأفقية من الظل من الشكل.
shadowOffsetX=0 يشير إلى أن الظل هو الحق وراء الشكل.
shadowOffsetX=20 يشير إلى أن الظل يبدأ 20 بكسل إلى اليمين (من موقف اليسار الشكل).
shadowOffsetX=-20 يشير إلى أن الظل يبدأ 20 بكسل إلى اليسار (من موقف اليسار الشكل).
نصيحة: لضبط المسافة العمودية من الظل من الشكل، واستخدام shadowOffsetY الممتلكات.
| القيمة الافتراضية: | 0 |
|---|---|
| جافا سكريبت بناء الجملة: | context.shadowOffsetX=number; |
قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| number | عدد إيجابية أو سلبية هي التي تحدد المسافة الأفقية من الظل من شكل | العبها " |