как добавить SVG текст тега значения, возвращение из функции яваскрипта

Question

я пытаюсь добавить значение в тексте тег файла SVG, который возвращается из функции в JavaScript, что-то вроде этого:

<svg width="6cm" height="5cm" viewBox="0 0 600 500" xmlns="http://www.w3.org/2000/svg" version="1.1"> 
<script type="text/javascript"><![CDATA[ 
function ShowString(){ 
return "HelloWorld"; 
} 
]]></script> 

<text x="0" y="50" font-family="sans-serif" font-size="50px" fill="red" ><script type="text/javascript"><![CDATA[ShowString();]]></script> 
</text> 

Как я могу вернуть текст и увидеть его, когда я открою файл svg без d3.js. я хочу сделать все это в одном файле SVG я создаю ... спасибо, Бени

Answer 1

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg width="6cm" height="5cm" viewBox="0 0 600 500" xmlns="http://www.w3.org/2000/svg" version="1.1"> 
    <text id="txt" x="0" y="50" font-family="sans-serif" font-size="50px" fill="red"></text> 
    <script type="text/javascript"> 
    //<![CDATA[ 
     function ShowString(){ 
     return "HelloWorld"; 
     } 

     document.getElementById('txt').textContent=ShowString(); 
    //]]> 
    </script> 
</svg> 

Ваш второй сценарий тег выполняет функцию, которая возвращает строку. Но строка ничем не привязана, поэтому второй скрипт ничего не делает.

Даже не было document.write(), потому что документы SVG этого не имеют.