javascript - canvas 에 텍스트 그리기 응용. 그림자 효과. drop shadow

• 그래픽 프로그램에서는 drop shadow 라는 용어를 많이 쓴다.

• shadowColor 를 지정해 주고, shadowBlur 값을 지정해 주면 그림자가 생긴다.

  context.shadowColor = "black";
  context.shadowBlur = 5;
  `

  

• 그림자의 위치를 조정해 보자.

  context.shadowColor = "black";
  context.shadowBlur = 5;
  context.shadowOffsetX = 5;
  context.shadowOffsetY = 5;

  

• 그림자를 반투명하게 만들고 싶다면 shadowColor 설정할 때, rgba 를 이용한다.

  context.shadowColor = "rgba(0,0,0,0.5)";
  context.shadowBlur = 5;
  context.shadowOffsetX = 5;
  context.shadowOffsetY = 5;