Javascript h1在画布上，但不可选择/可触摸？

我想把h1标签放在画布上，但我仍然可以点击h1标签后面的画布。这是我现在正在做的例子。正如您看到的，您无法单击h1标记后面的画布（拍摄焰火）

尝试将指针事件属性设置为无。这将使

h1

元素上的所有指针事件被忽略，并“传递”到下面的画布

h1 {
    pointer-events: none;
}

---

尝试将指针事件属性设置为无。这将使

h1

元素上的所有指针事件被忽略，并“传递”到下面的画布

h1 {
    pointer-events: none;
}

---

尝试将指针事件属性设置为无。这将使

h1

元素上的所有指针事件被忽略，并“传递”到下面的画布

h1 {
    pointer-events: none;
}

---

尝试将指针事件属性设置为无。这将使

h1

元素上的所有指针事件被忽略，并“传递”到下面的画布

h1 {
    pointer-events: none;
}