Canvas shadowBlur 属性
定义和用法
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> องค์ประกอบ