如何使用画布在图像上绘制覆盖图？

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上实现了类似的功能

基本上，它将在与原始图像相同的宽度和高度的相同位置上绘制透明画布。 在我的示例中，我还将图像也移动到了画布中，以提取图像的选定区域，但是您可以省略此部分。

在覆盖画布上绘制将绘制一个半透明区域，该区域允许基础图像发光。