Question

我想得到拉斐尔产生的文字的宽度，包括空格键的空格。但是，我发现

text=Canvas.paper.text(wordPos, linePos, word).attr({"font-size": fontSize,
                    "font-weight":TextParams.fontWeight, "fill":TextParams.color, "text-anchor":"start"});
console.log('text.getBBox().width (w/o space)='+text.getBBox().width);
word+=' ';
text=Canvas.paper.text(wordPos, linePos, word).attr({"font-size": fontSize,
                    "font-weight":TextParams.fontWeight, "fill":TextParams.color, "text-anchor":"start"});
console.log('text.getBBox().width (with space)='+text.getBBox().width);

返回

text.getBBox().width (w/o space)=51.125
text.getBBox().width (with space)=51.125

有没有办法获得包含空格的文字宽度？

Answer 1

在HTML文本中删除字符串开头或结尾处的空格，我假设Raphael生成的SVG文本也是如此。您可以尝试像 这样的HTML实体，而不仅仅是空格键空间。不确定Raphael和SVG是否接受HTML实体

Rafael JS似乎没有在text.getBBox（）。width中包含空格

1 个答案: