为什么<svg>没有在浏览器中显示输出?</svg>

时间:2014-05-08 09:37:02

标签: javascript jquery html css svg

其实我想制作一个TagClouder。这就是为什么我必须使用'svg'标签。当我在代码下运行时,它在浏览器上没有显示任何内容,但如果我打开'Inspect元素',则表明'#set_texts'的值是'Tag Cloud'。如果我在不使用'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");

1 个答案:

答案 0 :(得分:1)

如果您使用<text>标记,则应该有效:

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