HTML5 多画布在 chrome 中运行良好，但在 Firefox 的情况下，它只能在第一个画布中工作

HTML5 multiple canvas works well in chrome, but in the case of firefox it just works only in the first canvas

本文关键字：情况下 工作 布中 第一个 Firefox 但在 chrome 运行 HTML5      更新时间：2023-09-26

我刚刚开始探索HTML5粒子动画。当将鼠标悬停在画布上时，我已经尝试过基于鼠标坐标的粒子动画。它在铬中效果很好。但是当我尝试在 Firefox 中运行相同的代码时，它仅适用于第一个画布，而不适用于其他两个画布。我无法弄清楚问题所在。

这是我尝试的代码示例的 JSFiddle 链接。 http://jsfiddle.net/7hEKL/15/

<canvas id="c1"></canvas>
<canvas id="c2"></canvas>
<canvas id="c3"></canvas>

注意：尝试同时在铬和FF中打开。我希望代码在 FF 中以在 chrome 中的工作方式工作。

在画布元素上使用position: relative。

jsfiddle.net/7hEKL/16

相关文章：