如何添加 svg 文本标签 return 来自 javascript 函数的值

Question

我尝试将一个值添加到 svg 文件的文本标记中，该文件是 return 从 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>

如何在没有 d3.js 的情况下 return 打开 svg 文件并看到它。我想在我创建的同一个文件 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>

你的第二个脚本标签执行一个 returns 字符串的函数。但是字符串没有分配给任何东西，所以实际上第二个脚本什么都不做。

甚至 document.write() 也不能在那里工作，因为 SVG 文档没有那个。

如何添加 svg 文本标签 return 来自 javascript 函数的值

how to add svg text tag a value that return from javascript function

javascript

svg

text