ویژگی Canvas shadowOffsetY
تعریف و استفاده
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 |
|---|
براوزر سپورٹ
جداول میں دکھائی گئی تعداد، پہلی بار اس اپنائی جانے والی براوزر کی نسلیں کو مظاہرہ کیا جاتا ہے。
| کروم | ایج | فائر فاکس | سافری | اپرا |
|---|---|---|---|---|
| کروم | ایج | فائر فاکس | سافری | اپرا |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
تعلیمات:اینٹرنٹ اکسپلورر 8 اور اس سے پچھلے کی نسلیں <کینواس> علامت کو نہیں سپورٹ کرتی ہیں。
