Javascript需要在drawImage下单击

Question

我有一个带有按钮的地图，我可以点击它，但想要在顶部添加图形图层。问题是（即使我正在阅读的所有内容都说它不应该这样做），当点击topLayer png中有像素的任何部分时，它不会让我点击下面的按钮。我基本上想让topLayer无法点击，我已经尝试了各种名称的每个变种。使用drawImage我唯一可以操作的就是globalAlpha。

我如何防止这种情况掩盖我的点击？

this.addTopLayer = function(){
    // load topLayer.png and display it

    var TopLayer = new Image();
    TopLayer.onload = function() {
        var canvas = document.getElementById('myCanvas');
        var context = canvas.getContext('2d');
        context.drawImage(TopLayer, 0, 0);

        };
    TopLayer.src = projpath+'/'+spath+'/'+topLayerFilename+'.png';

    }