Canvas tutorial #6 (Fill Styles)
·
Programming/Canvas
※ 이 글은 예전 블로그에서 퍼왔으며 2020.3.4.에 작성된 글입니다. ※ 이 글은 해당사이트를 번역한 것입니다. Color Fill(색상 채우기) 단색(solid color)으로 모양을 채우기 위해선, fillStyle( ) 속성을 사용하여 RBG, HEX 등의 색상을 설정하고 fill( )을 사용하여 도형을 채울 수 있다. 특별한 명시가 없는 경우 HTML5Canvas 도형의 기본 채우기색은 검은색이다. context.fillStyle = "color"; context.fill(); Linear Gradient(선형 그라데이션) Linear gradient을 구현하기 위해선 createLinearGradation( )을 사용할 수 있다. Linear gradient는 gradient의 방향을 정의..