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:

Trình duyệt của bạn không hỗ trợ thẻ canvas.

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);

Thử trực tiếp

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>.