Thuộc tính globalAlpha của Canvas

Hướng dẫn Canvas

Đị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 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à

ví dụ

Đầ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à xanh dương:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// điều chỉnh độ mờ
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);

thử ngay

cú pháp

context.globalAlpha=số;

giá trị thuộc tính

giá trị miêu tả
số Giá trị trong suốt. Phải nằm trong khoảng từ 0.0 (hoàn toàn trong suốt) đến 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

Ghi chú:Trình duyệt Internet Explorer 8 và các phiên bản trước không hỗ trợ phần tử <canvas>.

Hướng dẫn Canvas