ویژگی shadowOffsetX کینس HTML

دستورالعمل‌های کانواس HTML5

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

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

مقدار ویژگی

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

جزئیات فنی

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

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

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

کروم اژدها فایرفاکس سافاری اپرا
کروم اژدها فایرفاکس سافاری اپرا
4.0 9.0 3.6 4.0 10.1

نکته:اینترنت اکسپلورر 8 و نسخه‌های قبلی از عنصر <canvas> پشتیبانی نمی‌کنند.

دستورالعمل‌های کانواس HTML5