English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
shadowOffsetX هي خاصية في API Canvas 2D تُعرف بعدد البكسل للإزاحة الأفقية للظل.
رسم مستطيل بدءًا من اليمين ب20 بكسل (من موقع اليسار لمستطيل الأزرق)
مثال على استخدام خاصية shadowOffsetX في HTML canvas:
<!DOCTYPE html>
<html>
<head>
<title>استخدام خاصية shadowOffsetX في 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.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
</script>
</body>
</html>اختبار لرؤية ‹/›إي أيفايرفوكسأوبراChromeSafari
يدعم Internet Explorer 9، Firefox، Opera، Chrome و Safari خاصية shadowOffsetX.
ملاحظة:لا يدعم إصدار Internet Explorer 8 وما قبل ذلك عنصر <canvas>.
يحدد أو يعيد قيمة الخاصية shadowOffsetX المسافة بين الظل والشكل عمودياً.
shadowOffsetX = 0 يعني أن الظل يقع خلف الشكل.
shadowOffsetX = 20 يعني أن الظل يبدأ من اليسار من الشكل ب20 بكسل.
shadowOffsetX = -20 يعني أن الظل يبدأ من اليسار من الشكل ب20 بكسل.
إشارة:للتحكم في المسافة العمودية بين الظل والشكل، استخدم shadowOffsetY الخصائص.
| القيمة الافتراضية: | 0 |
|---|---|
| جملة لغوية JavaScript: | سياق.shadowOffsetX=رقم; |
| القيمة | الوصف |
|---|---|
| رقم | القيمة الإيجابية أو السلبية، تعريف المسافة العمودية بين الظل والشكل. |