canvas上實(shí)現(xiàn)click效果，必然是通過計算點(diǎn)擊位置實(shí)現(xiàn)的。
而你做了自適應(yīng)以后，想要點(diǎn)擊的熱點(diǎn)區(qū)域不變的話，就需要拿到你的標(biāo)準(zhǔn)寬高與當(dāng)前頁面的寬高進(jìn)行計算，得出正確的縮放比例后，然后修改點(diǎn)擊的熱點(diǎn)區(qū)域。

類似這樣的：

const standardWidth = 1920

let widthScaleRatio = window.screen.availWidth / standardWidth

let triggerXRange = [0, 800]
$canvas.click(e => {
  if (e.clientX >= triggerXRange[0] * widthScaleRatio && e.clientX <= triggerXRange[1] * widthScaleRatio) {
    console.log('trigger')
  }
})