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 に答える