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

【问题标题】：Exported shapefile to SVG - but can't see in browser window将 shapefile 导出为 SVG - 但在浏览器窗口中看不到
【发布时间】：2018-09-28 21:21:28
【问题描述】：

我使用 ST_AsSVG 将一个 shapefile 从 PostGIS 导出到 SVG。我选择使用相对坐标进行导出。导出的结果在这里：

http://pastebin.com/rmB89Pyw

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

有什么想法吗？

【问题讨论】：

标签： svg postgis

【解决方案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>

我所做的是将“转换”属性放入（从右到左）：

将路径的第一个点转换为 0,0
缩放路径（按 0.01），我尝试了一些缩放比例
将 0,0（您的第一个点）平移到 svg 图像的中间（400、300）

我认为您可以对其进行调整以完全按照您的意愿进行操作（甚至可以编写脚本来提取边界框信息等）。

【讨论】：