我需要在 svg 图中有一个链接文本。这是我所做的
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="138pt" height="188pt" viewBox="0.00 0.00 138.00 188.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:html="http://www.w3.org/1999/xhtml">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 184)">
<g id="node5" class="node"><title>EQ2</title>
<ellipse style="fill:none;stroke:black;" cx="65" cy="-18" rx="29.1851" ry="18"/>
<text text-anchor="middle" x="65" y="-13.9" style="font-family:Times New Roman;font-size:14.00;">foo <html:a href="http://google.com">bar</html:a></text>
</g>
</g>
</svg>
我期望
html
的命名空间和 html:a
标签将导致正确处理条形文本。但我得到的是那个栏没有显示。正如答案中所建议的,我可以使用 svg:a
元素,但我不明白为什么我的方法不起作用。我希望浏览器 HTML 渲染器能够启动并处理 DOM 树的那部分。
最佳答案
你要<a xlink:href="http://example.org/">
.它也是一个 SVG 元素,你看。
回复:XHTML 链接。我相信一个更好的问题是,您为什么希望它起作用,或者需要它起作用? SVG 有自己非常合适的链接元素,它被广泛实现并得到很好的支持。
正如评论中所建议的那样,它与退出 SVG 渲染上下文有关;这可能是也可能不是,更可能是实现定义的行为。即便如此,也不应该认为它有可能在任何 future 的实现中工作,尤其是考虑到具有相同功能的 native 标签的存在。
关于xml - svg 中的网页链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1125427/