19/09/2018, 14:55
shadowOffsetY 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 20 < ! DOCTYPE html > < html > < body > < 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 20 |
<!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> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.shadowBlur = 10; ctx.shadowOffsetY = 20; ctx.shadowColor = "black"; ctx.fillStyle = "red"; ctx.fillRect(20, 20, 100, 80); </script> </body> </html> |
Demo
Trình duyệt hỗ trợ
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 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| shadowOffsetY | 4.0 | 2.0 | 9.0 | 3.1 | 9.0 |
Định nghĩa và cách sử dụng
Thuộc tính shadowOffsetY dùng để thiết lập hoặc trả về khoảng cách chiều dọc từ bóng đến hình.
shadowOffsety=0 : Bóng ngay sau hình.
shadowOffsetY=20 : Bóng dưới hình 20pixels.
shadowOffsetY=-20 : Bóng trên hình 20pixels.
Mẹo: Để điều chỉnh khoảng cách chiều ngang từ bóng đến hình, sử dụng thuộc tính shadowOffsetX.
Giá trị mặc định: 0
Cú pháp JavaScript: context.shadowOffsetY=number;
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| number | Một số dương hoặc âm quy định khoảng cách dọc từ bóng đến hình |
