2011-09-19 10 views
-1

내 프로젝트에서 SVG를 사용하고 있으며 SVG 밖으로 이동하고 기존 기능을 적절한 대체품으로 교체 할 계획이 있습니다.

내 현재 SVG 앱은 다음 작업을 수행합니다.

1. 개체 (SVG 모양) 관계 또는 종속성을 화면에 표시합니다.
두 개의 종속 셰이프 (예 : rect1과 rect2)가있는 경우 rect1에서 react2까지 선을 그어 의존적이라고 말합니다.

2. 도형에서 특정 이벤트 (클릭 또는 마우스 오버)가 발생하면 javascript 기능을 트리거합니다.

SVG를 교체하고 단순히 드로잉 프로세스를 대체 할 수있는 대안이 있습니까?
데이터베이스에 도형 정보를 저장하고 UI에 도형을 자동으로 생성하려고합니다.

SVG 대체

미리 감사드립니다.

+1

왜 SVG를 바꾸시겠습니까? SVG는이를위한 최고의 기술입니다. – Marcin

답변

-1

HTML 5에서 캔버스 사용은 어떻습니까? 캔버스를 사용하기로 결정하면 클라이언트 브라우저 버전을 고려하십시오.

+0

빠른 응답을 보내 주셔서 감사합니다! –

+0

개발자는 캔버스를 사용하여 도형의 이벤트를 관리하는 데 더 많은 것을해야합니다. –

+0

SVG 장면 그래프를 사용하면 이벤트 핸들러를 객체와 연결할 수 있으므로 사각형이 onClick 이벤트에 응답 할 수 있습니다. 캔버스에서 동일한 기능을 사용하려면 마우스 클릭의 좌표를 그려진 사각형의 좌표와 수동으로 일치시켜 클릭 여부를 결정해야합니다. [link] (http://en.wikipedia.org/wiki/Canvas_element#Canvas_versus_Scalable_Vector_Graphics_.28SVG.29) –