经纬度转SVG路径异常问题及描边属性设置咨询

大家好，我最近在做一个通过经纬度动态生成SVG路径的功能，照着一篇技术帖子的代码实现后，80%的场景都能正常运行，但有部分多边形无法在SVG中正确渲染。我准备了一个示例，包含1个异常渲染和1个正常渲染的SVG案例：

<div style="padding:20px;">
  <div>
    Top SVG = NOT Working
    <svg width="200" height="200" viewBox="227.131 154.886 0.007 0.006">
      <path d="M227.125,154.881 227.125,154.881 227.131,154.881 227.132,154.881 227.132,154.882 227.132,154.886 227.132,154.886 227.131,154.886 227.131,154.886 227.129,154.884 227.126,154.881z">
      </path>
    </svg>
  </div>
  <div>
    Bottom SVG = Working
    <svg width="200" height="200" viewBox="227.136 154.905 0.009 0.014">
      <path d="M227.145,154.907 227.140,154.905 227.141,154.910 227.138,154.914 227.136,154.919 227.141,154.919 227.145,154.919 227.145,154.916 227.145,154.912z M227.139,154.914 227.140,154.913 227.141,154.913 227.141,154.913 227.141,154.914 227.140,154.914 227.139,154.914z">
      </path>
    </svg>
  </div>
</div>

想请各位帮忙指出这个异常渲染的问题所在，同时我也想了解如何在这段HTML中设置SVG的stroke color（描边颜色）和stroke width（描边宽度），感谢！

内容的提问来源于stack exchange，提问作者RW-Fairport