是否可以在长SVG中使用html锚来跳过非常高的SVG?(在同一页上)
详细信息:带有嵌入式svg的简单html页面是否可以在长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>
...
<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>