用Javascript勾勒出一個png圖像？

-1

我有一個地圖，這是一個PNG文件。我使用帶有2個div容器的getBoundingClientRect（）來檢查通過我的遊戲的重疊div。（工作正常，檢查collison）。用Javascript勾勒出一個png圖像？

我在想，如果有可能勾勒圖像或的特定部分，無論透明度開始這樣我就可以一個onclick事件，然後添加到div的一部分，使用戶無法點擊地圖之外。

enter image description here

希望這種品牌的感覺。如果您需要任何詳細信息，讓我知道。由於

使用標記來製作圖像映射。你可以根據圖像數據動態構建一個，但這將是很多數學和循環getImageData（）像素值，這是不能掉以輕心...... – dandavis

你做了什麼努力？ –

我的努力是超過100個小的div盒，它們在修復位置的地圖上繪出，當用戶點擊它時，它會返回false。這是單元化的，需要爲每張新地圖配置不同的佈局。我正在尋找一些東西，只是概括透明或當透明度開始在.png地圖上，這將更快，我希望它是可能的.. –

我認爲這是你在找什麼：

您添加的標籤面積與你所需要的COORDS，那麼你可以申請的東西過去。我推薦你這個插件，因爲它非常強大，易於使用。

2015-05-01 21:04:24

回答