Question

我已经检查了所有其他问题和答案。

我在链接到HTML5页面内的svg中的目标时遇到问题。

看来xlink：href =“＃target”仅在链接中指定http：//时才有效。

<!DOCTYPE html>
<html >
<!--<html xmlns="http://www.w3.org/1999/xhtml">-->
<head>
    <title>Womble</title>



</head>

<body>


<div class="holder">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  version="1.1" width="1000" height="1000">

  <a xlink:href="#target" >

  <text x="10" y="25" >Zoom in on shape below</text>

  </a>
  <a xlink:href="svglinktest.htm#target2" >

      <text x="10" y="50" >Zoom in on shape below 2</text>

  </a>
  <a xlink:href="svglinktest.htm#target3(viewBox(500, 800, 100, 100))" >

      <text x="10" y="75" >Zoom in on shape below 3</text>

  </a>


  <view name="target" id="target" title="target" viewBox="800 800 100 100">
    <rect x="800" y="800" width="100" height="100"/>
  </view>
  <view name="target" id="target2" title="target" viewBox="600, 800, 100, 100">
    <rect x="600" y="800" width="100" height="100"/>
  </view>
  <view name="target" id="target2" title="target">
    <rect x="500" y="800" width="100" height="100"/>
  </view>
</svg>
</div>

</body>
</html>

我需要让它在本地计算机上运行 - 因为页面在没有服务器的情况下脱机运行。我试图在其他地方使用不同的名称空间（注释掉）和.xhtml，并查看W3C规范，并尝试了一些不同的东西，但似乎没有任何浏览器的运气。

任何想法都会受到欢迎。

否则我将不得不为HTML中非常基本的东西做很多jquery。

此致

Answer 1

你的viewSpec语法都错了，但即使你说得对，它只适用于SVG文档，而不适用于嵌入在html文档中的SVG。

HTML5 SVG链接到相对网址目标不起作用

1 个答案: