HTML کینس shadowOffsetY پرزنسیپ

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

تعریف اور استعمال

shadowOffsetY کمپنی کو شکل اور بجلی کی عمودی دوری کو قائم یا واپس لایا جاتا ہے.

  • shadowOffsetY=0 شکل کی نیچل کی جگہ پر ہوا ہے
  • shadowOffsetY=20 شکل کی top لوکیشن سے 20 پیکسل نیچے کی جگہ پر ہوا ہے
  • shadowOffsetY=-20 شکل کی top لوکیشن سے 20 پیکسل اوپر کی جگہ پر ہوا ہے

نکات:شکل کی افقی لوکیشن کو تیار کرنا چاہئیں تو استعمال کریں: shadowOffsetX کمپنی.

مثال

ایک مستطیل بنائیں، جس میں 20 پیکسل کا بجلی چمکتی ہو (مستطیل کی top لوکیشن سے):

آپ کا براوزر کینس کی تگ کو سپورتی نہیں کرتا ہے.

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

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

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

کروم کنج افرادا سافاری اپرا
کروم کنج افرادا سافاری اپرا
4.0 9.0 3.6 4.0 10.1

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

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