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

标签 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 作为外部文件打开。这只是一个演示,看看“使用”是否有效。

这是我的 fiddle : https://jsfiddle.net/Snedden27/5htpdzvf/

最佳答案

这是调用 ID 的正确语法。

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

你只是忘记了你的话题标签 xP

关于html - 我在调用要在 svg 中使用的标签时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33557706/

相关文章:

javascript - 为什么 SVG 图像会在同一个 div 中加载重定向?

php - 如何用PHP连接MySQL(WAMP)数据库,并处理错误?

html - 如何使用 CSS 设置自定义命名空间元素的样式

javascript - 制作了一个适用于 JSFiddle 但不适用于 Github Pages 的 eclipse 刻草图

jquery - 背景图像 : url ("images/plaid.jpg") no-repeat; wont show up

javascript - 在 threejs 中加载到 Material 上的 svg 的每个 <g> 标签上的鼠标事件

reactjs - JSX : <use> 不再支持小写组件名称(使用)

css - 基于设备(移动版和桌面版)显示 Logo 时的更好方法

php - 创建与以下下拉菜单相同的 HTML5 范围 "slider"

javascript - jQuery 根据下拉列表中的选择将行移动到另一个表