Thuộc tính màu bóng của canvas
Ví dụ
Vẽ một hình chữ nhật màu đỏ với bóng đen:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.shadowBlur = 20;
ctx.shadowColor = "red";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80);
Hãy tự mình thử »Sự miêu tả
Thuộc tính shadowColor
đặt hoặc trả về màu để sử dụng cho bóng.
Xem thêm:
Thuộc tính ShadowBlur (Đặt độ mờ bóng)
Thuộc tính ShadowOffsetX (Đặt vị trí bóng x)
Thuộc tính ShadowOffsetY (Đặt vị trí bóng y)
Phương thức fillRect() (Vẽ hình chữ nhật đầy)
Thuộc tính fillStyle() (Đặt màu/kiểu tô màu)
Cú pháp
bối cảnh .shadowColor = màu |
Giá trị tài sản
Value | Description | Play it |
---|---|---|
color | The CSS color value to use for shadows | Play it » |
Hỗ trợ trình duyệt
Phần tử <canvas>
là tiêu chuẩn HTML5 (2014).
shadowColor
được hỗ trợ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |
❮ Tham khảo Canvas