How to draw Smooth Curves Line on Canvas

13년 9월 13일 금요일

1.여러개의 점들이 있고

2.각 점들끼리 라인을 연결하고

3.포인트를 중심으로 부드럽게 연결되어야 한다.

Feature

13년 9월 13일 금요일

#The Drawing Curve Method on Canvas

• Arc

• quadraticCurveTo

• bezierCurveTo

13년 9월 13일 금요일

arc, arcTo

arc - 특정 좌표를 중심으로 일정한 크기의 곡선(원)을 그리는 방법

arcTo - 두개의 좌표를 일정한 반지름을 가진 곡선으로 그리는 방법

13년 9월 13일 금요일

quadraticCurveTo

두개의 좌표사이를 하나의 조절점으로 곡선을 그리는 방법

arc보다 곡선의 형태를 자유롭게 변경할 수 있으나 연속된 점을 연결하기에는 부자연 스러움

13년 9월 13일 금요일

bezierCurveTo

두개의 좌표사이를 두개의 조절점을 가지고 곡선을 그림

연속된 점들을 연결하기에 quadraticCurveTo보다 좋음

http://www.victoriakirst.com/beziertool/

13년 9월 13일 금요일

보간곡선[Interpolating Curves]

1.주어진 점들을 통과하는 하나의 연결된 부드러운 곡선.

2.곡선의 모양을 정의하는 모든 제어점, 즉 보간점(knot) 위를 통과하는 곡선으로 대개 다차다항식의 수학 함수로 정의

3.차수가 높을수록 모양이 더욱 부드럽게 정의된다

http://terms.naver.com/entry.nhn?docId=784465&cid=2926&categoryId=2926

13년 9월 13일 금요일

spline

1.등이 매끄러운 곡선을 그릴 경우에 사용되는 도구로서 스플라인 함수는 구간적 보간 다항식 중에서 가장 발전된 것이다.다항식의 일종

2.http://scaledinnovation.com/analytics/splines/splines.html

http://terms.naver.com/entry.nhn?docId=837836&cid=2959&categoryId=2959

13년 9월 13일 금요일

Result

http://dev.ui.naver.com/svnview/m.weather/branches/p_130903_au/00_inc_timeline_AU.html

13년 9월 13일 금요일