CLOSE SEARCH

Canvas on HTML5 – Color & Fill Style

canvas의 fillStyle이나 strokeStyle에는 아래와 같은 3가지 값을 지정할 수 있다.

  • CSS Color
  • CanvasGradient
  • CanvasPattern

1. CSS Color
CSS에서 사용하는 색상과 동일한 값을 사용할 수 있다. 기본값은 검은색이다.
es) ‘red’, ‘#00FF00’, ‘rgb(0, 0, 255)’ 등

 

2. CanvasGradient
LinearGradient, RadialGradient의 두가지 종류가 있다.

 

3. CanvasPattern
이미지나 비디오, 캔버스 등을 패턴으로 지정할 수 있다.

 

4. 투명도 지정

Filed under: Web