javascript - 为什么 <svg> 没有在浏览器中显示输出？

Question

其实我想做一个TagClouder。这就是为什么我必须使用“svg”标签。当我在代码下方运行时，它在浏览器上什么也不显示，但如果我打开“检查元素”，它就会显示“#set_texts”的值为“标签云”。如果我在不使用“g”标签的情况下使用 div，那么它会在浏览器中显示输出，但如果我使用“g”标签，那么它不会在浏览器中显示任何内容。我怎样才能得到它？

HTML:

<svg width="960" height="600">
    <g transform="translate(480,300)" id="set_texts">
    </g>
</svg>

JQuery :

$('#set_texts').text("Tag Cloud");

Answer 1

如果您使用 <text>标签，它应该可以工作:

<svg width="960" height="600">
    <text transform="translate(480,300)" id="set_texts">
    </text>
</svg>