ویژگی shadowOffsetX کانواس

منابع Canvas

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

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

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

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

مثال

یک مستطیل بکشید که سایه‌ای به سمت راست با فاصله 20 پیکسل داشته باشد (از موقعیت چپ مستطیل):

صفحه‌ی مرورگر شما علامت کانواس را پشتیبانی نمی‌کند.

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=اعداد;

مقدار ویژگی

مقدار توضیح
اعداد مقدار مثبت یا منفی، فاصله افقی سایه را از شکل تعریف می‌کند.

جزئیات فنی

مقدار پیش‌فرض: 0

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

نکته:Internet Explorer 8 و نسخه‌های پیشین از <canvas> را پشتیبانی نمی‌کنند.

منابع Canvas