0

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

我在链接到 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。

问候

4

1 回答 1

0

你已经把 viewSpec 的语法弄错了，但即使你做对了，它也只适用于 SVG 文档，而不适用于嵌入在 html 文档中的 SVG。

于 2013-07-02T16:37:05.263 回答