2011-10-07 4 views
2

가 클릭 할 수있는 JS의 일부 표면에 앵커와 같은 불규칙한 모양을 가지고하는 것이 가능하고 페이지가로드에 런타임에 공을이됩니까? 나는 볼이 될 수있는 표면을 애니메이트하기를 원하며 어떤 앵커 모양이 특정 지점에 있는지를 추적하고자합니다. 그래서 JS 사용이 가능합니까? 아무도 나에게 이것이 어떻게 성취 될 수 있는지에 대한 약간의 아이디어를 줄 수 있습니까? 나는 해결책을 찾을 수는 없지만 어떤 힌트도 얻을 수 있기를 바랍니다. JS 라이브러리가 있습니까? 이 일을 도울 수 있습니까? processing.js 나 Raphael js 같은 것이 있습니까?불규칙한 앵커와 모양

이 점에 대해 알고 계신 것이 있으면 알려주세요.

미리 감사드립니다.

+0

이것은 매우 가난한 질문입니다. 나는 당신이 무엇을하려고하는지 전혀 모른다. 당신이 대답을 찾고 있다면 당신의 필요를 더 잘 설명하려고 시도해 보시기 바랍니다. 어떤 모양입니까? 클릭 할 수있는 영역은 무엇입니까? 무언가가 클릭되면 어떻게됩니까? 전반적인 목표는 무엇입니까? – musefan

+0

나는 원의 일부가 될 화살표를 추가하고 행운의 종류의 바퀴를 클릭하고 클릭 할 수있는 모든 부분을 클릭하고 싶습니다. 한 부분은 주황색이고, 하나는 빨간색이고, 하나는 노란색 일 것입니다. 나는이 모든 부분을 클릭 가능하게하고 어떤 부분이 어느 위치에 있는지를 알고 싶다. – Hafiz

+0

안녕하세요, 심지어 앵커 링크가 불규칙한 모양을 찾고 있습니다. 캔버스를 사용해 보았지만 견고한 기초를 얻지 못했습니다. 이 문제를 해결할 수 있었습니까? – noobcode

답변

0

내가 excelent Raphael js 라이브러리와 SVG를 사용하는 것이 좋습니다. 당신은 순수 자바 스크립트로 (즉, 추가 플러그인없이) 대화 형 애니메이션을 만들 수 있으며, 그 객체 (앵커 동작을 에뮬레이션하는 click, mouseovermouseout 이벤트를 무시) 불규칙한 앵커를 만들 수 있습니다.

또 다른 아이디어는 HTML5 캔버스를 사용하는 것입니다, 그러나 이것은 더 많은 코드가 필요합니다 (이 기술이 아직 미숙) 및 다른 브라우저에서 작동하지 않을 수 있습니다.

+0

Raphael js에게 시도해 주셔서 감사합니다 inshaALLAH – Hafiz

1

HTML 이미지 맵을 제안 할 수 있습니까? IMG 태그를 usemap 속성으로 설정된 페이지에 임베드 한 다음 해당 이미지에서 클릭 가능한 영역으로 모양을 정의 할 수 있습니다.

그것은 캔버스 많은 기능을 가지고 있지 않지만 어쩌면 일반 IMG 요소가이 경우에 할 것입니다.

+0

이미지를 움직이게하거나 회전 시키면지도가 어렵거나 앵커가 어디인지 감지 할 수 없다고 생각합니다 – Hafiz