Raphael JS - Liimiting text legnth

Question

这是我的代码：

var textObj = r.text(x, y, text);
    textObj.attr({ "fill": TextAttr.color, cursor: Shape.cursor, "font-size": TextAttr.font_size, "width": 0 });

这就是结果。

如何限制文本legnth。

我看到文本被定义为svg文本。

所以我正在寻找类似于＆＃39; word-break：break-all;＆＃39; svg text。

Answer 1

你可以使用text-overflow: ellipsis，甚至可以使用你的css，因为svg标签是常规的html标签。您可以在attr对象中提供其他参数，或直接在您的css中写入：

white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;

但现代浏览器并没有广泛支持。