2011-10-01 8 views
1

캔버스에 그리는 법을 배우려고합니다. API에 대해 많은 정보를 제공하고 있으며, 그리기 위해 API를 사용할 수있는 리소스가 많이 있습니다. 멋진 리소스를 발견했습니다. , 문제는 지금은 API를 사용하는 방법을 알고 있지만 그릴 방법을 알아낼 수 없다는 여전히 방법을 알고있다!HTML5 캔버스로 실제로 그리는 법 배우기

나를 틀리게하지 마라. 나는 예술 개념 등을 배우기를 고대하지 않는다. 나는 심장이나 다이아몬드와 같은 단순한 모양에 대해 이야기하고있다. 어떻게 좌표를 알아낼 수 있는가? xy 내가 아크를 그리는 방법을 알고 있지만 컨트롤 포인트를 예제로 좌표를 계산하는 방법은 무엇입니까?

벡터 드로잉 소프트웨어에서 드로잉을하는 동안 시각적 피드백을 얻을 수 있지만 캔버스를 사용하면 더 힘들어지고 복잡해집니다. 그러나이 기능을 향상시킬 수있는 방법이나 방법을 알지 못합니다. 나는 어떤 능력을 향상시켜야할지 모르겠다. ...

나는 수학 잘해야합니까?

HTML5 캔버스를 실제로 그리는 법을 배울 수있는 신체가 있습니까?

답변

3

수학에 뛰어나면 도움이됩니다. "특별한"도형을 그리는 것은 그 (것)들을 이미 페인트하는 법을 아는 도형으로 정의하는 것입니다. 예를 들어 심장은 2 개의 대각선이있는 2 개의 호입니다. 그리는 방법을 알고있을 것입니다. 다이아몬드는 4 개의 대각선으로 2 개의 대칭 선은 모두 평행하며 모두 길이가 같습니다.

+0

감사합니다. 마음을 간단한 모양으로 나누는 방법을 알고 있지만 어떻게 알아 내는지 모르는 것은 각 모양의 좌표를 얻는 방법입니다. 종이에 그려야하고 모든 모양의 x와 y를 얻기 위해 모든 것을 측정해야합니까? – Stacker

+2

@Stacker : 네가 너무 두려운 것 같아. 그냥 해봐. '(20, 10)'과 다른 점'(40, 50) '이있는 다이아몬드를 그린다면 http://jsfiddle.net/eGjak/148/과 같은 다른 점들을 추론 할 수 있습니다. – pimvdb

+0

@pimvdb 실제로 다이아몬드를 정의하는 데 3 점이 필요합니다. (위쪽과 아래쪽 점으로 정의 할 수있는 무한 다이아몬드가 있습니다). 그러나 제가 말하고자하는 것은, 각도에서 6pi/11의 호를 그리면 sin/cos를 가진 간단한 수학을 사용하여 끝점을 추론 할 수 있다는 것입니다. –

관련 문제