Svg 位图图像作为传单.js地图的图案

我正在使用从geoJSON文件生成地图。我想用图案填充一些区域。我找到了一个插件（）并对其进行了一些调整，以添加对位图图像的支持。它似乎工作正常，SVG

部分似乎正常

<pattern id="25" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" patternContentUnits="userSpaceOnUse">
    <image stroke="none" fill="none" pointer-events="none" xlink:href="http://lorempixel.com/20/20/" x="0" y="0" width="20" height="20"></image>
</pattern>

位如下所示：

<g>
    <path 
      stroke-linejoin="round" 
      stroke-linecap="round" 
      fill-rule="evenodd" 
      stroke="#000" 
      stroke-opacity="1" 
      stroke-width="0.5" 
      fill="url(#25)" 
      fill-opacity="0.9" 
      class="leaflet-clickable" 
      d="M-23 200L-27 200L-27 191L-29 188L-29 184L-24 179L-19 177L-1 187L1 180L5 194L19 194L19 201L17 204L13 205L7 202L5 205L-8 199L-10 202L-17 198z">
    </path>
</g>

问题是模式不存在

但是，当我复制生成的SVG并自己打开它时，模式就存在了

---

我忽略了什么？

您能在JSFIDLE上提供一个测试用例吗？或者更愿意提供一个复制您的问题的测试用例吗？这是有问题的，目前-仅分离这一段代码是很棘手的。。。