导出shapefile到SVG - 但在浏览器窗口中看不到

时间:2013-11-16 18:46:44

标签: svg postgis

我使用ST_AsSVG将shapefile从PostGIS导出到SVG。我选择使用相对坐标进行导出。导出的结果如下:

http://pastebin.com/rmB89Pyw

当我将它放入一个带有SVG路径元素的非常简单的HTML页面时,我看不到任何路径。我猜测它与viewBox / scaling / transform有关 - 但我不知道从哪里开始,这是我第一次涉足这个领域。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是我发现嵌入你的形状的方法:

<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg"
     width="800"
     height="600"
     style="border: 1px solid red">
  <path
     transform="translate(400,300) scale(.01, .01) translate(-323712.401, 4848647.35)"
     d="... YOUR PATH ..." />
</svg>

</body>
</html>

我所做的是做一个&#34;转换&#34;属性(从右到左):

  • 将您路径的第一个点转换为0,0
  • 缩放路径(缩小0.01),我尝试了几个缩放
  • 将0,0(您的第一个点)转换为svg图像的中间位置(400,300)

我认为你可以根据自己的需要调整它(或者甚至制作一个脚本来提取边界框信息等)。