예
첫째, 빨간색 사각형, 다음 설정 투명성 그릴 (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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
정의 및 사용
globalAlpha의 속성 집합 또는 도면의 현재의 알파 투명도 값을 반환합니다.
globalAlpha 속성 값이 0.0 (완전 투명) 및 1.0 사이의 값이어야 (no transparancy) .
| 기본값: | 1.0 |
|---|---|
| 자바 스크립트 구문 : | context .globalAlpha= number ; |
속성 값
| 값 | 기술 | 플레이 |
|---|---|---|
| number | 투명도 값입니다. 0.0 (완전히 투명), 1.0 사이의 값이어야 (no transparancy) | »플레이 |
<캔버스 개체