Firefox SVG:在<mask>内的元素上调用getBBox方法时抛出

时间:2018-08-06 08:48:11

标签: firefox svg

在Firefox中调用getBBox时,我看到了许多关于NS_ERROR_FAILURE的问题,并且据我所知,在调用此元素之前,元素必须可见:

Error : NS_ERROR_FAILURE in firefox while use getBBox()

但是在我的情况下,element是<mask>的一部分,而且看来Firefox根本无法将其识别为可见元素。

标记如下:

<svg>
  <mask id="mask">
    <text
       dominantBaseline="central"
       textAnchor="middle"
       x="50%" y="50%"
       fill="white"
    >
      ...
    </text>
  </mask>
  <image mask="url(#mask)" xlink:href="..." width="100%" height="100%" />
</svg>

并且我正在getBBox上使用<text>来将其尺寸用作viewBox参数(即,在svg内的所有可用空间处拉伸文本)。

这样,检查器显示<text>的尺寸为0x0,就像它在DOM中不可见或不存在一样。

我该怎么做才能使其正常工作?

0 个答案:

没有答案