html5 canvas14 1.3 색상(color)과 스타일(style) 1.3 색상(color)과 스타일(style) canvas에서 직선이나 도형 등의 색과 스타일을 설정하기 위해서는 context의 다음과 같은 2 가지 형태의 속성을 이용합니다. 속성 설명 fillStyle 직선이나 도형 등의 내부 색상이나 스타일을 설정 strokeStyle 직선이나 도형 등의 외부 색상이나 스타일을 설정 먼저 직선이나 도형 등의 내부 색상이나 스타일을 설정하는 fillStyle 속성을 보면 다음과 같은 형식을 사용합니다. context.fillStyle=color | gradient | pattern fillStyle 속성값으로 color인 경우 CSS 색상값을 설정해주면 되는데 색상 키워드나 #+16진수 형태, 그리고 RGB, RGBA, 등과 같은 색상값을 설정해주면 됩니다. 다음으.. 2013. 8. 7. 4장 Canvas 4장 Canvas HTML5 기반 웹페이지를 작성할 때 기존의 웹페이지에 등장하는 직선이나 이차원(2D), 3차원(3D) 도형, 챠트(Chart), 애니메이션, 게임 등을 어떻게 구현할 수 있을까를 한번쯤 생각해보게 됩니다. HTML5에서는 이러한 작업을 수행할 수 있도록 canvas 라는 요소를 새롭게 정의하여 사용할 수 있게 되었습니다. 현재 2차원 작업은 W3C에서 HTML Canvas 2D Context 라는 제목으로 표준화가 진행중으로 사이트는 “http://dev.w3.org/html5/2dcontext/”입니다. 3차원 작업은 Canvas 3D에서 비영리 컨소시엄인 크로노스 그룹(Khronos)이 진행하는 OpenGL 2.0에 기반한 WebGL 형태로 발전하여 현재 1.0 버전이 사용 가능합.. 2013. 8. 6. 이전 1 2 3 4 다음
