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