Canvas globalAlpha 속성
정의와 사용법
globalAlpha 속성은 그리기의 현재 투명도(alpha 또는 투명도)을 설정하거나 반환합니다.
globalAlpha 속성값은 0.0완전 투명도와 1.0불투명도(투명도) 사이의 숫자.
예제
먼저, 빨간색 사각형을 그려서 그런 다음 투명도(globalAlpha)을 0.2로 설정하고, 그린 다음 녹색과 파란색 사각형을 그립니다:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// 투명도 조절
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
문법
context.globalAlpha=number;
속성값
| 값 | 설명 |
|---|---|
| number | 투명도 값. 0.0(완전 투명)과 1.0(불투명) 사이에 위치해야 합니다. |
기술 세부 사항
| 기본 값: | 1.0 |
|---|
브라우저 지원
표의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
