목록Canvas (3)

준호씨의 블로그

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...
개발이야기 2019. 1. 3. 22:59
javascript - canvas 에 텍스트 그리기 응용. outline 만들기.

텍스트에 outline 효과를 주고 싶으면 strokeText 를 이용하면 된다. 테두리 색은 기본 black 이다. 만약 바꾸고 싶으면 strokeStyle 값을 바꿔 주면 된다. context.strokeStyle = 'black';
개발이야기 2019. 1. 1. 23:16
javascript - canvas 에 텍스트 그리기

canvas 에 text 를 그리고 싶다면 fillText 함수를 이용하면 된다.
개발이야기 2018. 12. 31. 20:07
Prev 1 Next