ผ้าใบ HTML เงาคุณสมบัติ สี
ตัวอย่าง
วาดสี่เหลี่ยมสีแดงด้วยเงาสีดำ:
จาวาสคริปต์:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 20;
ctx.shadowColor = "black";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
| Property | |||||
|---|---|---|---|---|---|
| shadowColor | Yes | 9.0 | Yes | Yes | Yes |
ความหมายและการใช้งาน
คุณสมบัติ shadowColor ตั้งค่าหรือคืนค่าสีเพื่อใช้สำหรับเงา
หมายเหตุ:ใช้คุณสมบัติ shadowColor ร่วมกับ คุณสมบัติ shadowBlur เพื่อสร้างเงา
เคล็ดลับ:ปรับเงาโดยใช้คุณสมบัติshadowOffsetX และshadowOffsetY
| ค่าเริ่มต้น: | #000000 |
|---|---|
| ไวยากรณ์ JavaScript: | บริบท .shadowColor= สี ; |
มูลค่าทรัพย์สิน
| Value | Description | Play it |
|---|---|---|
| color | The CSS color value to use for shadows. Default value is #000000 |
❮ การอ้างอิงผ้าใบ HTML