คุณภาพแบบเฮ้าส์ HTML canvas shadowOffsetX
การประกาศและการใช้งาน
shadowOffsetX การตั้งค่าของรูปร่างกับเงาต่อระยะห่างระหว่างทางน้ำทะเลของรูปร่าง
shadowOffsetX=0บอกว่าเงาตั้งอยู่ตรงข้างล่างของรูปร่างshadowOffsetX=20บอกว่าเงาตั้งอยู่ 20 พิกเซลข้างขวาของตำแหน่ง left ของรูปร่างshadowOffsetX=-20บอกว่าเงาตั้งอยู่ 20 พิกเซลข้างซ้ายของตำแหน่ง left ของรูปร่าง
คำเตือน:เพื่อปรับระยะห่างต่อรูปร่างทางด้านตั้งแต่ของภาพกราฟิกโฮร์โมน ใช้ shadowOffsetY ขอบเขต
ตัวอย่าง
วาดวงกลมแบบตัวสี่เหลี่ยมกับเงาที่มีการเลื่อนข้างขวา 20 พิกเซล (จากตำแหน่ง left ของวงกลม):
JavaScript:
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);
รูปแบบ
context.shadowOffsetX=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>
