SVG对象的居中屏幕

Question

我正在为android开发一个使用自定义SVG地图的gps跟踪应用程序。我可以通过设备的GPS在SVG地图上打印我的确切位置，但当我想将屏幕平移/居中到我的位置时，我遇到了一些困难。基本上，我们的想法是在我移动的同时自动移动/平移地图，这样用户就不需要自己动手了。我正在使用jquery.panzoom (https://github.com/timmywil/jquery.panzoom)。以前有没有人这样做过，如果有任何建议，将不胜感激。谢谢

Answer 1

您可以尝试使用SVG片段标识符。

http://www.w3.org/TR/SVG11/linking.html#SVGFragmentIdentifiers

基本上，您可以在链接到的SVG的URL中提供一个viewBox。这是假设你正在使用一个外部的SVG文件(即没有嵌入)。

例如，如果您想要显示SVG的左上角200x200，您可以这样做：

http://url.of.my.svg/map.svg#svgView(viewBox(0,0,200,200))

一个例子：http://upload.wikimedia.org/wikipedia/commons/2/21/New_Zealand_location_map.svg#svgView(viewBox(800,1600,400,400))

当GPS位置改变时，你只需更新URL即可。它省去了打乱文件内容的麻烦。

唯一的条件是我还没有检查Android WebView是否支持它。我假设您使用的是WebView?？