خصائص shadowOffsetY لـ Canvas

التعريف والاستخدام

shadowOffsetY يحدد أو يعيد خاصية المسافة العمودية بين الشكل والظل.

  • shadowOffsetY=0 يوضح أن الظل يقع تحت الشكل نفسه
  • shadowOffsetY=20 يوضح أن الظل يقع على ارتفاع 20 بكسل تحت موقف الـ top للشكل
  • shadowOffsetY=-20 يوضح أن الظل يقع على ارتفاع 20 بكسل فوق موقف الـ top للشكل

نصيحة:لإجراء تعديل لموقع الشكل الأفقي، استخدم 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=number;

قيمة الخاصية

القيمة الوصف
number القيمة الإيجابية أو السلبية، تعريف المسافة العمودية بين الظل والشكل.

تفاصيل التقنية

القيمة الافتراضية: 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>.