Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否可以在长SVG中使用html锚来跳过非常高的SVG?(在同一页上)_Html_Svg - Fatal编程技术网

是否可以在长SVG中使用html锚来跳过非常高的SVG?(在同一页上)

是否可以在长SVG中使用html锚来跳过非常高的SVG?(在同一页上),html,svg,Html,Svg,详细信息:带有嵌入式svg的简单html页面 ... <body> <div id="handlePageWrapper"> <object type="image/svg+xml" data="longFile.svg" style='width: 100%;'> Your browser does not support SVG </object>

详细信息:带有嵌入式svg的简单html页面

    ...
    <body>
    <div id="handlePageWrapper">
        <object type="image/svg+xml" data="longFile.svg" style='width: 100%;'>
                Your browser does not support SVG
        </object>
    </div>
    </body>
    ...
。。。
您的浏览器不支持SVG
...
我想在保持同一页面的同时,像一个网页锚一样跳过这个长长的单一svg。在450px宽的浏览器窗口中,svg高约7000px,宽约450px

有人对如何实现这一目标有想法吗?有可能吗?我知道我可以用它跳转到另一个页面,但是在同一个html页面上找不到如何跳转一个大的svg图像

我尝试过几件事,包括:

<a xlink:href="#jumpA" target='_self'>
     <circle fill="#F39800" cx="306.807" cy="803.241" r="33.499"/>
</a>

跳转到:

<a name='jumpA'>
      <text transform="matrix(1 0 0 1 58.6738 2291.7451)" fill="#FFFFFF" font-family="'Meiryo'" font-size="22.5">
             JUMP HERE PLEASE
      </text>
</a>

请跳到这里
任何帮助都将不胜感激

您可以使用它在SVG上施加一个不同的变换或viewBox,这将产生这种效果。例如

<a xlink:href="#svgView(viewBox(0,200,1000,1000)))">Jump here please</a>