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