<canvas> 기능을 사용하여 "gif"이미지 위에 선을 그릴 수 있습니까?

Question

업로드 된 "map.gif"이미지 위에 선을 그릴 때 어려움을 겪고 있습니다.

기본적으로 작은 개요지도를 업로드하고 "지역"기능을 사용하여 정의 된 지역 (도시, 도로 등)을 만듭니다. 내가 도시를 클릭하면 snall pop up이 "hey, Dallas를 클릭했을뿐"이라는 단어로 표시됩니다. 모두 잘 작동합니다.

내 문제는 내지도가 실제로 실제 도시 나 도로가없는 빈 개요입니다.

따라서 도시 (원)와 도로 (선)를 그릴 때 "캔버스"기능을 사용해 보았습니다.

유일한 문제는지도 위에 표시되는 것이 아니라지도 아래에 표시된다는 것입니다.

지도에 줄을 표시하는 방법에 대한 아이디어가 있으십니까?

많은 감사,

피트

Answer 1

당신은 이미지와 캔버스의 CSS Z- 인덱스 값을 가지고 노는 시도해야 할 단지 수 있습니다. 캔버스를 투명하게 설정했는지 확인하십시오.

다른 가능성은 이미지를 캔버스로 바꾸거나 캔버스에서 이미지를로드하는 것입니다. 캔버스에서 이미지를 사용하는 방법에 대한 힌트는 here을 참조하십시오.

Answer 2

gif를 캔버스 메모리에 직접로드 한 다음 나머지는 모두 캔버스 내부에서 수행합니다.

gif가 애니메이션으로 표시되지 않습니다. 맞습니까?

로드에 대한 참조 : https://developer.mozilla.org/en/Canvas_tutorial/Using_images