Raphael.js를 사용하여 "무한"행을 그리는 방법은 무엇입니까?

Question

Raphael.js를 사용하여 선 그래프 응용 프로그램을 작성 중이며 두 점을 통과하여 뷰포트에 도달하는 선을 그려야합니다.

내가 달성하는 데 필요한 보여줍니다하는 모형을 업로드 한 :

어떤 도움에 감사드립니다.

감사

Answer 1

SVGs하고, 무한한 선을 할 수없는 확장, 라파엘에 의해,하지만 당신이 그것을 가짜 수없는 것을 의미하지 않는다.

약간의 수학이 필요합니다.

먼저 두 지점 (시작 및 마우스)을 가져 와서 formula을 가져옵니다.

일단 계산이 완료되면 뷰포트의 가장자리를 계산합니다. (x 또는 y를 뷰포트의 왼쪽/오른쪽/위쪽/아래쪽으로 설정하고 해당 변수를 해결하면됩니다.) 선이 뷰포트의 가장자리를 치는 위치를 알았 으면 계산식을 사용하여 계산식으로 되돌립니다 당신이 그릴 필요가있는 두 점. 이 두 점을 일단

가, 나머지는 간단합니다 :

paper.path("M" + point1.x + " " + point1.y + "L" + point2.x + " " + point2.y); 

Answer 2

은 어쩌면 당신은 당신이 찾고 몇 가지 examples입니다하는지의 대부분을 것 같다 JSXGraph을 살펴 가져야한다. Raphaël은 사용하지 않지만 이전 버전의 IE (VML 백엔드)와의 호환성을 위해 유사한 전략을 사용합니다.