본문 바로가기

arc2

파이 차트(Pie Chart) 만들기 파이 차트(Pie Chart) 만들기 canvas에 파이 차트를 그리기 위해서는 기본적으로 canvas 부분에서 설명했었던 arc() 메서드에 대해서 다시 한 번 생각해볼 필요가 있습니다. arc(x, y, radius, startAngle, endAngle [, anticlockwise]) 위에서 x, y는 원의 중심좌표를 radius는 반경을 나타내고 startAngle은 시작 각도를 나타내고 endAngle은 끝 각도를 명시하는데 사용합니다. 각도는 보통 0부터 2 사이값으로 설정하고 실제 코드에서는 자바스크립트의 Math 객체(Object)의 PI 속성을 이용하여 그 각을 표시하게 됩니다. 다시 말해서 45도의 경우 인데 이를 45도는 0.25*Math.PI 형태로 코드를 작성할 수 있다는 것입니.. 2013. 8. 8.
5. 호(arc), 원(circle) 그리고 곡선 그리기 5. 호(arc), 원(circle) 그리고 곡선 그리기 context에는 원호(arc), 곡선과 관련하여 다음과 같은 4 가지 형태의 메서드를 제공합니다. arc(x, y, radius, startAngle, endAngle [, anticlockwise]) arcTo(x1, y1, x2, y2, radius) quadraticCurveTo(cpx, cpy, x, y) bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 5.1 arc() 메서드를 이용한 호(arc), 원(circle) 그리기 첫 번째 arc() 메서드는 호 혹은 원을 그릴 수 있는 메서드로 x, y는 원의 중심좌표를 radius는 반경을 나타내고 startAngle은 시작 각도를 나타내고 endAngle은 끝.. 2013. 8. 7.

티스토리툴바