Thuộc tính shadowBlur của thẻ canvas HTML
Định nghĩa và cách sử dụng
shadowBlur
Cài đặt thuộc tính 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 dương có bóng đen, mức độ 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);
Cú pháp
context.shadowBlur=số;
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
số | 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 cho biết 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 trước không hỗ trợ yếu tố <canvas>.