相关疑难解决方法(0)

如何在javascript中换行svg文本?

所以这就是我所拥有的:

<path class="..." onmousemove="show_tooltip(event,'very long text 
    \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/>

<rect class="tooltip_bg" id="tooltip_bg" ... />
<text class="tooltip" id="tooltip" ...>Tooltip</text>

<script>
<![CDATA[
function show_tooltip(e,text) {
    var tt = document.getElementById('tooltip');
    var bg = document.getElementById('tooltip_bg');

    // set position ...

    tt.textContent=text;

    bg.setAttribute('width',tt.getBBox().width+10);
    bg.setAttribute('height',tt.getBBox().height+6);

    // set visibility ...
}
...
Run Code Online (Sandbox Code Playgroud)

现在我很长的工具提示文本没有换行符,即使我使用alert(); 它告诉我,文本实际上有两行.(它包含一个"\",但是如何删除那个呢?)
我无法让CDATA在任何地方工作.

javascript svg newline line-breaks

99
推荐指数
5
解决办法
10万
查看次数

标签 统计

javascript ×1

line-breaks ×1

newline ×1

svg ×1