과목 추천:

Canvas 참조 매뉴얼

Canvas shadowColor 속성

정의와 사용법 shadowColor

주의사항:shadowColor 속성과 함께 설정하거나 반환하여 그림자에 사용되는 색상을 설정합니다. shadowBlur 속성과 함께 사용하여 그림자를 생성합니다.

추천:을 사용하여 그림자를 생성하기 위해 속성과 함께 사용하십시오. shadowOffsetX 과 shadowOffsetY 속성을 사용하여 그림자 효과를 조절합니다.

예제

검은 그림자를 가진 파란색 사각형을 그리세요:

您的浏览器不支持 canvas 标签。

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.shadowColor=color;

속성 값

값 설명
color 서랍에 사용되는 CSS 색상 값기본 값은 #000000입니다.

기술 세부 사항

기본 값: #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> 요소를 지원하지 않습니다.

Canvas 참조 매뉴얼