请问如何在图片上使用canvas画图且不影响图片的热区点击？

Question

如图，用DW做出了图片的热区，点击时canvas剪出一片不规则区域，希望能用这片区域遮住原始的图片

有尝试调canvas的位置和z-index使他在图片上，但这样一来图片的热区也无法点击了
想了一下在热区点击后创建canvas节点，可好像创建之后其他热区也就不能点击了
希望大神能指导一下，怎么能让canvas绘图在图片上，同时不影响图片热区的点击？