ویژگی shadowOffsetX canvas HTML
تعریف و استفاده
shadowOffsetX ویژگی تنظیم یا بازگردانی فاصله افقی شکل با سایه.
shadowOffsetX=0اشاره به اینکه سایه در زیر شکل قرار داردshadowOffsetX=20اشاره به اینکه سایه در 20 پیکسل راست از موقعیت left شکل قرار داردshadowOffsetX=-20اشاره به اینکه سایه در 20 پیکسل چپ از موقعیت left شکل قرار دارد
توضیح:برای تنظیم فاصله عمودی با شکل، از 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=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> پشتیبانی نمی‌کنند.
