Canvas shadowBlur 속성
정의와 사용법
shadowBlur 그림자의 흐림 수를 설정하거나 반환하는 속성.
예제
검은 그림자가 있는 파란색 사각형을 그려보세요. 흐림 수는 20입니다:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
문법
context.shadowBlur=number;
속성 값
| 값 | 설명 |
|---|---|
| number | 그림자의 흐림 정도 |
기술 세부 사항
| 기본 값: | #000000 |
|---|
브라우저 지원
표의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
주의사항:Internet Explorer 8 및 이전 버전은 <canvas> 요소를 지원하지 않습니다.
