Thuộc tính shadowColor của Canvas HTML

Giới thiệu

Thuộc tính shadowColor của HTML Canvas thiết lập màu cho bóng đổ (shadow) của các hình vẽ. Mặc định là #000000 (đen). Cần kết hợp với shadowBlur (độ mờ) và/hoặc shadowOffsetX/Y (độ dịch) để thấy hiệu ứng.

Cú pháp

ctx.shadowColor = "ma_mau";

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <canvas id="newCanvas" width="600" height="350" style="border:2px solid orange;"></canvas>
  <script>
    var c = document.getElementById("newCanvas");
    var ctx = c.getContext("2d");
    ctx.shadowBlur = 20;
    ctx.shadowColor = "gray";
    ctx.fillStyle = "blue";
    ctx.fillRect(40, 40, 200, 250);
  </script>
</body>
</html>

Kết quả hiển thị

Hình chữ nhật xanh dương có bóng đổ xám mờ 20px.