我在调用svg中使用的标签时遇到问题

时间:2015-11-06 01:00:01

标签: html css svg

我有一个svg html,我想使用ID渲染,我尝试使用以下语法:

<svg version="1.1" id="Vector_Graphics" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
     y="0px" viewBox="0 0 609.8 379.1" style="enable-background:new 0 0 609.8 379.1;" xml:space="preserve">
   <defs>
     <g id="worldMap">
       //svg content
     </g> 
   <defs>
   <use xlink:href="worldMap"/>
</svg> 

但这似乎根本没有渲染!我不明白我哪里错了。最后我想从我的HTML中打开svg作为外部文件。这只是一个演示,看看'使用'是否有效。

这是我的小提琴: https://jsfiddle.net/Snedden27/5htpdzvf/

1 个答案:

答案 0 :(得分:0)

这是调用ID的正确语法。

 <use xlink:href="#worldMap"/>

您刚忘记了标签xP