ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


ผ้าใบ HTML เงาOffsetYคุณสมบัติ

❮ อ้างอิงผ้าใบ HTML

ตัวอย่าง

วาดรูปสี่เหลี่ยมผืนผ้าที่มีเงาอยู่ใต้ตำแหน่งบนสุดของสี่เหลี่ยม 20 พิกเซล:

YourbrowserdoesnotsupporttheHTML5canvastag.

จาวาสคริปต์:

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