ویژگی Canvas shadowOffsetX

تعریف و استفاده

shadowOffsetX ویژگی تنظیم یا بازگرداندن فاصله افقی شکل و سایه.

  • shadowOffsetX=0 نشان‌دهنده این است که سایه در زیر شکل قرار دارد
  • shadowOffsetX=20 نشان‌دهنده این است که سایه در 20 پیکسل راست از موقعیت left شکل قرار دارد
  • shadowOffsetX=-20 نشان‌دهنده این است که سایه در 20 پیکسل چپ از موقعیت left شکل قرار دارد

توجه:برای تنظیم فاصله عمودی از شکل، از shadowOffsetY ویژگی‌ها.

مثال

یک مستطیل بکشید که سایه‌ای به سمت راست با 20 پیکسل حرکت کند (از موقعیت left مستطیل):

مرورگر شما برچسب canvas را پشتیبانی نمی‌کند.

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 اور اس سے پچھلے کی نسلیں <کینووس> علامت کو نہیں سپورٹ کرتی ہیں۔