如何添加 SVG 文本标记 从 JavaScript 函数返回的值

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

本文关键字：JavaScript 函数 返回 文本 何添加 添加 SVG      更新时间：2023-09-26

我尝试在从javascript中的函数返回的svg文件的文本标签中添加一个值，如下所示：

<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 的情况下打开 svg 文件时，如何返回文本并查看它。我想在我创建的同一个文件 svg 中完成这一切......谢谢贝尼

<?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 文档没有这个。

相关文章：