2012-01-22 3 views
3

지난 주 Canvas에서 놀고 싶다고 결정했습니다. 나는 조랑말이있는 간단한 webapp (내 딸의 요청에 따라)을 만들고 있으며, 당신은 자신의 사진에 그들을 추가하고 주위를 이동할 수 있습니다.HTML5- 이미 캔버스에있는 이미지를 이동하는 가장 좋은 방법은 무엇입니까

버튼을 누르면 캔버스에 조랑말 그림이 나타납니다.

지금 내 질문은 캔버스에 여러 이미지를 이동하는 가장 좋은 방법은 무엇입니까?

각각을 드래그 할 수 있다면 좋겠지 만 KineticJS를 사용하여 자습서를 찾을 수는 있지만 원하는 방식으로 표시 할 수는 없습니다.

그래서 캔버스 튜토리얼에 다른 드래그 이미지가 있습니까?

그렇지 않으면 키보드 버튼을 사용해도 괜찮지 만 여러 이미지를 사용하여 키보드 버튼을 사용하는 방법을 알 수는 없습니다. 키보드 버튼을 사용하면 모든 이미지가 한 번에 이동합니다.

아이디어가 있으십니까?

답변

4

각각을 그리는 위치를 추적하고, 전체 캔버스를 지우고, 각각의 모든 것을 다시 그립니다 (아마 프로세스 중 일부를 움직일 것임).

아무 것도 캔버스에 내장되어 있지 않습니다. 캔버스에 도형을 유지, 배치 및 이동 (선택)하는 데 대한 자습서가 making the Canvas interactive입니다. 기사의 맨 아래에는 해당 페이지와 소스 코드에 대한 라이브 데모가 있습니다.

관련 문제