有没有人曾与谷歌浏览器的问题没有呈现的画布标记时超过一个画布页面上使用?
我一直有这种情况发生。 它发生在我的一些网页,有的没有; 我有一个很难隔离关键因素。 当问题确实发生,则该行为是一致的:画布标记(有时页面上的所有画布)的一组特定的不渲染 - 它们显示为空白。 它可靠地出现在Chrome / Mac上,但在Firefox / Mac上不会发生。 有趣的是,如果我在空白画布的一个右键单击并选择检查元素,然后将画布的突然全都出现。 所以才像Chrome错误,而不是在我的代码中的一些错误。
这个问题可以通过单击“运行”,在此的jsfiddle文件中指出:
http://jsfiddle.net/9HbWV/
此页面包含两个画布标记,并在其中一人绘制一个矩形的脚本块。 在Chrome中,矩形不会出现。 如果您未注释掉最后一行,并重新运行,矩形确实出现。 最后一行只是另一个画布上调用的getContext()。
我有其他更复杂的例子,其中有些画布不呈现即使的getContext()被调用每个画布。 所以,问题并不这么简单“的getContext必须至少一次呼吁每个画布”。