javascript - Javascript需要在drawImage下面点击

Question

我有一个带有按钮的地图，我可以点击这些按钮，但想在顶部添加一个图形图层。问题是（即使我正在阅读的所有内容都说它不应该这样做），当单击具有像素的 topLayer png 的任何部分时，它不允许我单击下面的按钮。我基本上想让topLayer 不可点击，我已经尝试了各种名称的pointerEvents 的各种变体......我唯一能够使用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';

    }