Firefox中的NS_ERROR_FAILURE在隐藏的iframe中设置canvas的字体

时间:2018-01-17 14:16:57

标签: javascript html firefox iframe html5-canvas

我正在尝试使用canvas创建文本编辑器。

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

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

直接启动时,这在Firefox上正常工作,但在其父级隐藏的NS_ERROR_FAILURE内启动时会引发错误(iframe)。

我用小提琴here缩小了这个案例。

任何人都可以帮我解决这个问题的原因吗?

1 个答案:

答案 0 :(得分:0)

您无法将iframe设置为display:none。如果你真的认为你需要一个看不见的iframe https://www.jetbrains.com/help/idea/finding-usages-in-project.html

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

但是,如果你所做的只是运行一个不可见的画布,你可以用javascript来做。