javascript - getBBox() 缺少文本元素的值

Question

我有一个 Node.js 项目，它使用 jsdom 和 Raphael Js 在我的服务器上生成 SVG 标记，一切进展顺利，直到我在 Raphael 文本元素上调用 getBBox() 时开始出现缺失值。

var paper = window.Raphael(10, 50, 320, 200);
var txt = paper.text(10, 10, 'hello world!');       
console.log( txt.getBBox().toString() ); // Returns: NaN NaN NaN × NaN

而...

var rect = paper.rect(10, 10, 10, 10);
console.log( rect.getBBox().toString() ); // Returns: 10 10 10 × 10

这可能是什么原因造成的，更重要的是有没有解决办法？

Answer 1

您应该使用 RaphaelJs 的 print() 方法，它会生成一个路径数组。您可以在数组上使用 getBBox() 来获取边界框。