خاصية HTML canvas shadowOffsetY
مثال
ارسم مستطيلاً بظل 20 بكسل أسفل موضع المستطيل العلوي:
جافا سكريبت:
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);
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
| Property | |||||
|---|---|---|---|---|---|
| shadowOffsetY | Yes | 9.0 | Yes | Yes | Yes |
التعريف والاستخدام
تقوم خاصية shadowOffsetY بتعيين أو إرجاع المسافة الرأسية للظل من الشكل.
shadowOffsety = 0 يشير إلى أن الظل خلف الشكل مباشرة.
shadowOffsetY = 20 يشير إلى أن الظل يبدأ بمقدار 20 بكسل أسفل الموضع العلوي للشكل.
shadowOffsetY = - 20 يشير إلى أن الظل يبدأ بمقدار 20 بكسل فوق الموضع العلوي للشكل.
نصيحة: لضبط المسافة الأفقية للظل من الشكل ، استخدم خاصية shadowOffsetX .
| القيمة الافتراضية: | 0 |
|---|---|
| بناء جملة JavaScript: | سياق .shadowOffsetY = رقم ؛ |
قيم الملكية
| Value | Description | Play it |
|---|---|---|
| number | A positive or negative number that defines the vertical distance of the shadow from the shape |
❮ مرجع قماش HTML