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);
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);
»시도
브라우저 지원
인터넷 익스플로러 9, 파이어 폭스, 오페라, 크롬과 사파리 지원 globalAlpha 속성입니다.
참고 : 인터넷 익스플로러 8 이전 버전의 <캔버스> 요소를 지원하지 않습니다.
정의 및 사용
globalAlpha는 속성 집합 또는 현재 도면 투명 값 (알파 또는 투명도)을 반환합니다.
globalAlpha의 속성 값은 0.0 (완전 투명) 디지털 (불투명)과 1.0 사이 여야합니다.
| 기본값 : | 1.0 |
|---|---|
| 자바 스크립트 구문 : | 상황에 맞는.globalAlpha = 번호; |
속성 값
| 值 | 描述 |
|---|---|
| number | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |
HTML 캔버스 참조 설명서