Thuộc tính shadowBlur của Canvas
Định nghĩa và cách sử dụng
shadowBlur Thiết lập hoặc trả về mức độ mờ của bóng.
Mô hình
Vẽ một hình chữ nhật màu xanh da trời có bóng đen, độ mờ là 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;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| number | Mức độ mờ của bóng |
Chi tiết kỹ thuật
| Giá trị mặc định: | #000000 |
|---|
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ yếu tố <canvas>.
