shadowBlur trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < html > < body > < canvas id = ...

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

Code:

<!DOCTYPE html>

<html>

<body>

<canvas id="myCanvas" awidth="300" height="150" style="border:1px solid #d3d3d3;">Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.</canvas>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

ctx.shadowBlur = 20;

ctx.shadowColor = "black";

ctx.fillStyle = "red";

ctx.fillRect(20, 20, 100, 80);

</script>

</body>

</html>

Demo

Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.

Thuộc tính
shadowBlur	4.0	2.0	9.0	3.1	9.0

Thuộc tính shadowBlur dùng để thiết lập hoặc trả về độ mờ của bóng.

Giá trị mặc định: 0

Cú pháp JavaScript: context.shadowBlur=number;

Giá trị	Miêu tả
number	Độ mờ của bóng

Bình luận về bài viết này

Trần Trung Dũng

15 chủ đề

2610 bài viết