HTML canvas thuộc tính globalAlpha
Thí dụ
Đầu tiên, vẽ một hình chữ nhật màu đỏ, sau đó đặt độ trong suốt (globalAlpha) thành 0,5, sau đó vẽ một hình chữ nhật màu xanh lam và xanh lục:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 75, 50);
// Turn transparency on
ctx.globalAlpha = 0.2;
ctx.fillStyle = "blue";
ctx.fillRect(50, 50, 75, 50);
ctx.fillStyle = "green";
ctx.fillRect(80, 80, 75, 50);
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.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | Yes | 9.0 | Yes | Yes | Yes |
Định nghĩa và Cách sử dụng
Thuộc tính globalAlpha đặt hoặc trả về giá trị alpha hoặc độ trong suốt hiện tại của bản vẽ.
Giá trị thuộc tính globalAlpha phải là một số từ 0,0 (hoàn toàn trong suốt) đến 1,0 (không minh bạch).
| Giá trị mặc định: | 1,0 |
|---|---|
| Cú pháp JavaScript: | ngữ cảnh .globalAlpha = số ; |
Giá trị tài sản
| Value | Description | Play it |
|---|---|---|
| number | The transparency value. Must be a number between 0.0 (fully transparent) and 1.0 (no transparancy) |
❮ Tham chiếu HTML Canvas