Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính canvas shadowBlur HTML

Thuộc tính shadowBlur của canvas HTML được sử dụng để đặt mức độ mờ cho bóng đổ. Giá trị mặc định là 0. Phần tử cho phép bạn vẽ đồ họa trên trang web bằng JavaScript. Mỗi canvas đều có hai phần tử mô tả chiều cao và chiều rộng của canvas, tức là chiều cao và chiều rộng tương ứng.

Sau đây là cú pháp -

ctx.shadowBlur=num;

Ở trên, num đại diện cho mức độ mờ của bóng.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính shadowBlur của canvas -

Ví dụ

<!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 = "black";
   ctx.fillStyle = "green";
   ctx.fillRect(40, 40, 100, 250);
   ctx.shadowBlur = 30;
   ctx.shadowColor = "blue";
   ctx.fillStyle = "orange";
   ctx.fillRect(200, 40, 200, 150);
</script>
</body>
</html>

Đầu ra

Thuộc tính canvas shadowBlur HTML