English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
shadowOffsetY هي خاصية في API Canvas 2D التي تصف مسافة التباين الرأسي للظل.
رسم مستطيل يحتوي على ظل في أسفل اليمين ب20 بكسل:
استخدام خاصية shadowOffsetY:
<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية shadowOffsetY في HTML canvas (موقع دروس أساسية للشبكة oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
متصفحك لا يدعم علامة HTML5 canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
</script>
</body>
</html>اختبار لرؤية ‹/›إي إيفايرفوكسأوبراكرومسفاري
يدعم متصفح إنترنت إكسبلورر إصدار 9، فايرفوكس، أوبرا، كروم وسفاري خاصية shadowOffsetY.
ملاحظة:لا يدعم متصفح إنترنت إكسبلورر إصدار 8 وما قبل ذلك عنصر <canvas>.
يحدد أو يعيد القيمة الخاصية shadowOffsetY المسافة العمودية بين الظل والشكل.
shadowOffsety = 0 يعني أن الظل يقع خلف الشكل.
shadowOffsetY = 20 يعني أن الظل يبدأ من أسفل الشكل 20 بكسل.
shadowOffsetY =-20 يعني أن الظل يبدأ من أعلى الشكل 20 بكسل.
إشارة:للتحكم في المسافة العرضية بين الظل والشكل، استخدم shadowOffsetX الخاصية.
| القيمة الافتراضية: | 0 |
|---|---|
| جملة لغوية جافا سكريبت: | سياق.shadowOffsetY=عدد; |
| القيمة | الوصف |
|---|---|
| عدد | القيمة الإيجابية أو السلبية، تعريف المسافة العمودية بين الظل والشكل. |