HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <template> 태그

HTML canvas shadowBlur 속성

shadowBlur 속성은 그림자의 모호한 수준을 설정합니다. 기본 값은 0입니다. <canvas> 요소는 JavaScript를 사용하여 웹 페이지에서 그래픽을 그릴 수 있습니다.

HTML canvas 참조 가이드

在线示例

绘制一个带有黑色阴影的绿色以及蓝色阴影的黄色矩形，模糊级数是 20：

지금让我们看一个示例来实现canvas的shadowBlur属性：

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML canvas shadowBlur 속성의 사용(기본 튜토리얼 웹 w3(codebox.com)</<title>
</<head>
<body>
<canvas id="newCanvas" width="450" height="250" style="border:1px solid #d3d3d3>
您的浏览器不支持 HTML5　canvas 태그
</canvas>
<script>
　　　var c = document.getElementById("newCanvas");
　　　var ctx = c.getContext("2d");
　　　ctx.shadowBlur　=　20;
　　　ctx.shadowColor = "black";
　　　ctx.fillStyle = "green";
　　　4,　4,　10　150);
　　　ctx.shadowBlur　=　30;
　　　ctx.shadowColor　=　"blue";
　　　ctx.fillStyle　=　"orange";
　　　200,　4　200,　150);
</script
</body>
</html>

테스트 보기 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome, Safari 및 Safari가 shadowBlur 속성을 지원합니다.

주의:Internet Explorer 8 이전 버전은 <canvas> 요소를 지원하지 않습니다.

정의와 사용법

shadowBlur 속성은 그림자의 흐림 정도를 설정하거나 반환합니다.

기본 값:	0
JavaScript 문법:	context.shadowBlur=number;

위의 number는 그림자의 흐림 정도를 나타냅니다.

속성 값

값	설명
number	그림자의 흐림 정도

HTML canvas 참조 가이드

HTML: <template> 태그