如果开发人员控制台处于活动状态，Canvas 无法正常工作

Question

几天前，我想知道为什么我的 canvas 不能正常工作。 我正在使用 szimek 的库来创建签名，有时这些笔画看起来有点疯狂。 我还在 Edge（与 Chrome 的结果相同）和 TOR（按应有的工作）上进行了测试。

昨天，我找到了为什么这种随机发生的解决方案。 当浏览器开发者控制台打开时，我的笔触看起来很疯狂。 如果它已关闭，则它们看起来正常（再次绘制时）。

有谁知道为什么会发生这种情况，还是由它的核心引擎引起的？ 这是我的意思的一个例子：

谢谢你。

Answer 1

发生这种情况是因为在 Chromium（和 Gecko）中，根据规范建议， mousemove或pointermove等 UI 事件被限制为显示器的帧刷新率。

但是，仅在 Chromium 中，无论出于何种原因，当开发工具打开时，它们会发出原始事件......
因此，当开发工具关闭时，即使硬件指针（例如鼠标）确实发出了更多事件，这些事件也已合并为单个指针移动事件，这可能会使线条更平滑，因为每个点都已被平均，但您实际上收到了更少的数据。

您可以从pointermove事件的getCoallescedEvents中检索原始事件列表，正如我的另一个答案中所公开的那样，如果需要，您还可以自己构建合并逻辑（使用requestAnimationFrame()作为节流器，这正是 Chromium做）。

至于为什么 Chromium 在开发工具打开时会禁用合并……这对我来说仍然是个谜，但我从来没有足够的动力去查看它。