Thuộc tính globalAlpha của canvas HTML
Định nghĩa và cách sử dụng
globalAlpha Thuộc tính thiết lập hoặc trả về giá trị trong suốt hiện tại của việc vẽ (alpha hoặc trong suốt).
globalAlpha Giá trị thuộc tính phải nằm trong khoảng 0.0hoàn toàn trong suốt) với 1.0giữa (không mờ) và
Mô hình
Đầu tiên, vẽ một hình vuông đỏ, sau đó đặt độ mờ (globalAlpha) là 0.2, sau đó vẽ một hình vuông xanh lá cây và hình vuông xanh dương:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Điều chỉnh độ trong suốt
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Cú pháp
context.globalAlpha=số;
Giá trị thuộc tính
| Giá trị | Mô tả |
|---|---|
| số | Giá trị trong suốt. Phải nằm trong khoảng 0.0 (hoàn toàn trong suốt) và 1.0 (không trong suốt). |
Chi tiết kỹ thuật
| Giá trị mặc định: | 1.0 |
|---|
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Chú ý:Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ phần tử <canvas>.
