HTML Canvas 在 Safari 中运行缓慢，在 Firefox 中崩溃答案

【问题标题】：HTML Canvas slow in Safari, crashes in FirefoxHTML Canvas 在 Safari 中运行缓慢，在 Firefox 中崩溃
【发布时间】：2014-09-23 09:29:39
【问题描述】：

这是page

我正在为我的网站制作介绍页面，并在

Firefox：无响应的脚本/网站崩溃

Safari：脚本非常慢，节点移动非常慢

Chrome：在您输入 url 时大部分时间都可以使用，但是当您通过链接访问页面时，脚本有时无法加载并且我得到“无法读取 getContext of null”。

感谢您的任何反馈。我刚开始网络编程，非常感谢您的建议

【问题讨论】：

【解决方案1】：

很大一部分问题出在shadowblur。

看看这个jsperf。性能非常非常差。

【讨论】：

嗯。我注释掉了所有的阴影效果，但我仍然在 Firefox 中遇到了一个非常严重的延迟问题
我认为这只是因为您在大画布上绘制了很多线条。使用更少的节点，或减少 distanceThreshold。它可能有助于关闭你的路径。另外，请查看：html5rocks.com/en/tutorials/canvas/performance
感谢您的回复，非常感谢。我继续前进并做到了这一点。减少一切肯定会对性能产生巨大影响。但是我编写代码的方式有很大的缺陷吗？或者这仅仅是浏览器功能的差异？嗯..看了这个网站后：jenniferdewalt.com/electro_bounce/page。看起来这是我的代码..
另外，您检查节点之间距离的方式是 O(n^2)，可以改进。不过，在这种情况下，我不知道是否有任何替代方案真的值得。
得去睡觉了，但是：developer.chrome.com/devtools 和 discover-devtools.codeschool.com（第二个可能与最新的 chrome 有点过时，但总体上应该还是不错的）