GeoServer发布svg复杂样式以及复刻QGIS样式

原创

已于 2025-09-10 15:35:58 修改 · 471 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#geoserver

于 2025-09-10 15:13:07 首次发布

引导

使用QGIS编辑样式
sld文件创建
结果展示
单一svg渲染

在以往发布geoserver过程中，一般矢量样式都是通过QGIS导出sld的形式，然后在geoserver里注册使用，像一般简单的配色都可以满足需求，但是一旦涉及到复杂纹路，QGIS对geoserver的支持就没有那么好了，而这次采用的方法就是使用svg的形式进行贴图模仿，使用方式如下所示。

使用QGIS编辑样式

首先使用QGIS编辑样式，编辑好后，通过SVG编辑网站，或者AI生成SVG代码。

请添加图片描述
其中生成的SVG代码如下所示，这里面涉及到了很多参数调整，因为要确保贴图在重复时可以对应起来，我是一点点手调出来的，有更好的方法欢迎留言。

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <defs>
    <!-- 定义一个倾斜45度的条纹图案 -->
    <pattern id="tilted-stripes"
             patternUnits="userSpaceOnUse"
             width="36" 
             height="36"
             patternTransform="rotate(45)">
      <!-- 白色背景 -->
      <rect width="100%" height="100%" fill="white"/>
      
      <!-- 浅蓝和深蓝条纹 -->
      <!-- 使用线条来保证无缝连接 -->
      <!-- 注意：这里我们调整了线条的位置和宽度，以确保无缝拼接 -->
      <line x1="0" y1="0" x2="0" y2="100" stroke="#94dbf3" stroke-width="40"/>
      <line x1="20" y1="0" x2="20" y2="100" stroke="#4a6bec" stroke-width="5"/>
    </pattern>
  </defs>

  <!-- 填充矩形 -->
  <rect width