Safari/Opera 中的画布渲染问题答案

【问题标题】：Trouble with Canvas rendering in Safari/OperaSafari/Opera 中的画布渲染问题
【发布时间】：2010-06-06 15:18:30
【问题描述】：

一段时间以来，我一直在努力解决这个问题，并认为我会向专家寻求一些建议。

我制作了一个 jQuery sn-p，它从表格中获取值并将它们绘制在画布元素（也由 JS 生成）上的折线图中。在 Firefox 和 Chrome 中一切正常，但 Safari 和 Opera 没有显示绘图点。我在 Firebug、Web Inspector 调试器、JSLint 中进行了审查，并使用 w3 验证器检查了标记，但仍然找不到任何明显的东西。我还尝试在 HTML 中包含 canvas 元素而不是动态生成它，以及用一个标签对替换我一直在使用的自闭合标签——但都无济于事。

你们中的任何一个人可以帮助我吗？

谢谢！

【问题讨论】：

标签： javascript jquery safari canvas opera

【解决方案1】：

我在 Safari 中画了很多线，所以我检查了我的代码，模式是...

开始路径
移动到
lineTo(s)
closePath 或描边

在您的代码中 moveTo 在 beginPath 之前，所以我在我的一个应用程序中切换了它并且它停止了绘图，所以尝试切换它们。

【讨论】：

+100 给你，先生！这正是问题所在。非常感谢您的回答！

【解决方案2】：

我认为这是你调用 stroke() 时的问题。尝试仅在 for 循环之后调用它，并尝试 closePath 调用的不同位置。

【讨论】：

尝试将其拉出 for 循环并在 closePath 调用之前和之后调用它，但没有骰子。我最初在 for 循环中调用了 stroke ，因为我只想要描边路径的某个部分，但是有没有更明智的方法来实现呢？无论哪种方式，我都不确定它会产生多大的影响——在 Safari 4 中仍然会得到那个空白元素。