如何使用畫布在圖像上繪制覆蓋圖？

Question

我想在圖像JavaScript上繪制形狀（多邊形，矩形，圓形）。 並希望使用選定的形狀生成熱點，下面是我想要的示例鏈接。 以及如何在圖像上覆蓋畫布？

例如https://google-developers.appspot.com/maps/documentation/javascript/examples/drawing-tools http://www.maschek.hu/imagemap/imgmap

Answer 1

我已經在http://jsbin.com/acuvom/5上實現了類似的功能

基本上，它將在與原始圖像相同的寬度和高度的相同位置上繪制透明畫布。 在我的示例中，我還將圖像也移動到了畫布中，以提取圖像的選定區域，但是您可以省略此部分。

在覆蓋畫布上繪制將繪制一個半透明區域，該區域允許基礎圖像發光。