Javascript NS_错误\u在Firefox中，在隐藏的iframe中设置画布字体时失败

我正在尝试使用

画布

创建文本编辑器

要将光标放在正确的位置，我需要计算每个字符的宽度

我正在缓存初始加载时每个字符的宽度

当直接启动Firefox时，它可以正常工作，但当在父对象隐藏的

iframe

中启动时，会抛出一个错误（

NS\u error\u FAILURE

）

我把这个案子的范围缩小了

---

有人能帮我找出这个问题的原因吗？

您不能将iframe设置为

display:none

。如果您确实认为需要一个不可见的iframe：

---

但是，如果你所做的只是运行一个不可见的画布，那么你可以用javascript来实现这一点。

这就是我已经在做的事情。我的问题是，为什么Firefox不让我在CanvasContext上设置任何值？@mjzeus-根据你的小提琴，你还没有这样做。您在导致初始错误的帧上显示了

display:none

。通过将其更改为

opacity:0

可以消除该错误。如果您对设置值有疑问，则需要包含更多信息，如设置值的来源、父帧或子帧。我已经解决了你小提琴上的问题，我不会猜测下一步可能出现的所有可能的用途和所有可能的错误。如果你还有其他问题，请发布另一个问题。

.frame-wrapper {
  z-index: -1231231;
  position:absolute;
  top:0; left:0;
  height:1px; width:1px;
  opacity:0;
}