HTML canvas shadowOffsetY Thuộc tính
Thí dụ
Vẽ một hình chữ nhật với bóng đổ 20 pixel bên dưới vị trí trên cùng của hình chữ nhật:
JavaScript:
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);
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
| Property | |||||
|---|---|---|---|---|---|
| shadowOffsetY | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Thuộc tính shadowOffsetY đặt hoặc trả về khoảng cách thẳng đứng của bóng đổ so với hình dạng.
shadowOffsety = 0 cho biết bóng đổ ở ngay phía sau hình dạng.
shadowOffsetY = 20 chỉ ra rằng bóng đổ bắt đầu thấp hơn 20 pixel so với vị trí trên cùng của hình dạng.
shadowOffsetY = - 20 chỉ ra rằng bóng đổ bắt đầu cao hơn 20 pixel so với vị trí trên cùng của hình dạng.
Mẹo: Để điều chỉnh khoảng cách ngang của bóng từ hình dạng, hãy sử dụng thuộc tính shadowOffsetX .
| Giá trị mặc định: | 0 |
|---|---|
| Cú pháp JavaScript: | ngữ cảnh .shadowOffsetY = number ; |
Giá trị tài sản
| Value | Description | Play it |
|---|---|---|
| number | A positive or negative number that defines the vertical distance of the shadow from the shape |
❮ Tham chiếu HTML Canvas