Wie kann ich einen Svg-Text in Javascript zeilenbrechen?

Also hier ist was ich habe:

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

Mein sehr langer QuickInfo-Text weist jetzt keinen Zeilenumbruch auf, obwohl ich alert () verwende. es zeigt mir, dass der Text tatsächlich zwei Zeilen hat. (Es enthält jedoch ein "\". Wie entferne ich dieses übrigens?)
Ich kann CDATA nirgendwo zum Laufen bringen.

Antworten auf die Frage(5)

Ihre Antwort auf die Frage