无法执行“getTotalLength”

Question

我正在使用 JS 生成内联 SVG。我使用getTotalLength() 计算一些stroke-dasharray 值来为折线设置动画。

这一切都很好，每当我第一次执行我的draw() 函数时。但是，当我第二次执行相同的函数以添加一些额外的折线时，它不起作用。相反，它会抛出：

Error: Failed to execute 'getTotalLength' on 'SVGGeometryElement': This element is non-rendered element.

现有的 stackoverflow 帖子与此问题不匹配。

感谢您的帮助。

使用：最新的 Chrome 版本和简单的 JS。

Answer 1

你在使用 UIkit 吗？看看this Github issue。

编辑

似乎它不像我最初想象的那样是特定于 UIkit 的（错误消息的语法看起来不像来自 JS 引擎）。

但是查看修复链接问题的拉取请求，当元素不可见时似乎确实会发生此错误，因为只有在与元素关联的绘制工件时才可计算长度。

通过检查元素的任何节点是否具有offsetWidth、offsetHeight 或边界框 (getClientRects()) 来测试可见性。