Как разбить текст SVG в JavaScript?

Итак, вот что у меня есть:

<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 ...
}
...

Теперь мой очень длинный текст всплывающей подсказки не имеет перевода строки, даже если я использую alert (); это показывает мне, что текст на самом деле имеет две строки. (Однако, он содержит "\", как мне удалить это кстати?)
Я не могу заставить CDATA работать где угодно.

Ответы на вопрос(5)

Ваш ответ на вопрос