ویژگی shadowOffsetY صفحه‌نمایش HTML

دستنویس Canvas HTML5

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

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

  • shadowOffsetY=0 این نشان می‌دهد که سایه دقیقاً زیر شکل قرار دارد
  • shadowOffsetY=20 این نشان می‌دهد که سایه 20 پیکسل پایین‌تر از موقعیت top شکل قرار دارد
  • shadowOffsetY=-20 این نشان می‌دهد که سایه 20 پیکسل بالاتر از موقعیت top شکل قرار دارد

توضیح:برای تنظیم فاصله افقی از شکل، از shadowOffsetX خصوصیات.

مثال

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

مخاطرتان از برچسب canvas پشتیبانی نمی‌کند.

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

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: 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> پشتیبانی نمی‌کنند.

دستنویس Canvas HTML5