我可以使用<canvas>函數在「gif」圖像上繪製線條嗎？

Question

我很難在上傳的「map.gif」圖片上繪製線條。

基本上我已經上傳了一個小的輪廓圖，並使用「區域」功能來創建定義的地區（城市，道路等）。當我點擊一個城市時，會彈出一個snall彈出窗口，上面寫着「嘿，你只需點擊達拉斯」（或任何地方）。所有的工作都很好。

我的問題是我的地圖實際上只是一個空白的輪廓，沒有繪製任何實際的城市或道路。

因此，我嘗試使用「畫布」功能繪製城市（圈子）和道路（線）。

唯一的問題是它們出現在地圖下面而不是頂部。

有關如何讓地圖出現在地圖上的任何想法？

非常感謝，

皮特

Answer 1

你可能只需要嘗試用圖像和畫布的CSS的z-index值播放。 確保您將畫布設置爲透明。

的另一種可能性是與畫布以取代圖像（或只是加載圖像中的畫布開始與）。 有關如何在畫布上使用圖像的一些提示，請參閱here。

Answer 2

我會直接在畫布內存中加載gif，然後在畫布本身內部完成所有其他操作。

GIF不是動畫的，對不對？

關於加載的一些參考：https://developer.mozilla.org/en/Canvas_tutorial/Using_images