Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 拉斐尔JS-限制文本长度_Javascript_Svg - Fatal编程技术网

Javascript 拉斐尔JS-限制文本长度

Javascript 拉斐尔JS-限制文本长度,javascript,svg,Javascript,Svg,这是我的代码: var textObj = r.text(x, y, text); textObj.attr({ "fill": TextAttr.color, cursor: Shape.cursor, "font-size": TextAttr.font_size, "width": 0 }); 这就是结果 如何限制文本长度 我看到文本被定义为svg文本 因此,我在寻找类似“单词打断:全部打断;”对于svg文本。您可以使用文本溢出:省略号,即使是从css中,因为svg标记是常规h

这是我的代码:

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

如何限制文本长度

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


因此,我在寻找类似“单词打断:全部打断;”对于svg文本。

您可以使用
文本溢出:省略号
,即使是从css中,因为svg标记是常规html标记。您可以在attr对象中提供其他参数,或直接在css中写入:

white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
不过,在现代浏览器中,它并没有得到广泛的支持