HTML 캔버스 globalAlpha 속성
예시
먼저 빨간색 사각형을 그린 다음 투명도(globalAlpha)를 0.5로 설정한 다음 파란색과 녹색 사각형을 그립니다.
자바스크립트:
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);
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
globalAlpha | |||||
---|---|---|---|---|---|
font | Yes | 9.0 | Yes | Yes | Yes |
정의 및 사용
globalAlpha 속성은 도면의 현재 알파 또는 투명도 값을 설정하거나 반환합니다.
globalAlpha 속성 값은 0.0(완전 투명)에서 1.0(투명 없음) 사이의 숫자여야 합니다.
기본값: | 1.0 |
---|---|
자바스크립트 구문: | 컨텍스트 .globalAlpha= 숫자 ; |
속성 값
Value | Description | Play it |
---|---|---|
number | The transparency value. Must be a number between 0.0 (fully transparent) and 1.0 (no transparancy) |
❮ HTML 캔버스 참조