ویژگی 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 |
|---|
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه‌های اولین مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
نکته:نسخه‌های 8 و قدیمی‌تر از Internet Explorer از عنصر <canvas> پشتیبانی نمی‌کنند.
