ความหมายของตัวแปร shadowBlur ใน HTML canvas
คำนำและวิธีใช้
shadowBlur
ตั้งค่าหรือคืนค่าค่าเงาเมื่อมีการตั้งค่า
ตัวอย่าง
วาดวงกลมสีฟ้าเขียวเมื่อมีเงาสีดำ ระดับที่เข้มแข็ง 20
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=20; ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80);
การเขียน
context.shadowBlur=number;
ค่าของคุณสมบัติ
ค่า | รายละเอียด |
---|---|
number | ระดับที่คลุมของเงา |
รายละเอียดเทคนิค
ค่าเริ่มต้น: | #000000 |
---|
การสนับสนุนโปรแกรมนักบริหาร
ตัวเลขในตารางบอกเบอร์วาสเตอร์แรกที่สนับสนุนคุณสมบัตินี้
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ:Internet Explorer 8 และเวอร์ชั่นเก่ากว่าไม่สนับสนุนอย่างเต็มที่ประกาย <canvas> อย่างเต็มที่