HTML canvas shadowOffsetX katangian
Paglilinaw at paggamit
shadowOffsetX Ang pagtatakda ng katangian o pagbabalik ng horizontal na distansya ng hugis at liwanag.
shadowOffsetX=0Ipinapakita na ang liwanag ay nasa ibaba ng hugisshadowOffsetX=20Ipinapakita na ang liwanag ay nasa 20 pixel sa kanan ng left na posisyon ng hugisshadowOffsetX=-20Ipinapakita na ang liwanag ay nasa 20 pixel sa kaliwa ng left na posisyon ng hugis
Mga tagubilin:Kung gusto mong ayusin ang pag-iisa ng vertical na posisyon ng hugis, gamitin ang shadowOffsetY Mga katangian.
Mga halimbawa
Ipagkakalat ng isang parihaba, may liwanag na nakalagay 20 pixel sa kanan (mula sa left na posisyon ng parihaba):
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> อิเล็กทรอนิกส์
