Thuộc tính shadowColor của Canvas

Hướng dẫn Canvas

Định nghĩa và cách sử dụng

shadowColor Để thiết lập hoặc trả về màu sắc được sử dụng cho bóng.

Ghi chú:Vui lòng đặt thuộc tính shadowColor với shadowBlur Để tạo bóng.

Lưu ý:Vui lòng sử dụng cùng với thuộc tính shadowOffsetX và shadowOffsetY Thuộc tính để điều chỉnh hiệu ứng bóng.

Ví dụ

Vẽ một hình vuông màu xanh có bóng đen:

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ử ngay

Cú pháp

context.shadowColor=color;

Giá trị thuộc tính

Giá trị Mô tả
color Dùng cho bóng Giá trị màu CSSGiá trị mặc định là #000000.

Chi tiết kỹ thuật

Giá trị mặc định: #000000

Hỗ trợ trình duyệt

Số liệu trong bảng đã chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Ghi chú:Trình duyệt Internet Explorer 8 và các phiên bản trước không hỗ trợ yếu tố <canvas>.

Hướng dẫn Canvas