【HTML】buttonがcanvasと重なってクリックできない時の解決方法

buttonがcanvasと重なってクリックできない時の解決方法を自分用にメモ。

[ 解決方法 ]

canvas要素のpointer-eventsの値をnoneに設定することで、canvasのクリック判定を無効化することができます。これによりbutton要素をクリックできるようになります。

<canvas id="Canvas" style="pointer-events: none;">
</canvas>