SVG圈子渲染为Android上的方块（phonegap）

Question

关于我的phonegap应用程序如何渲染SVG，更具体地说是Android设备上的圆圈，我有一个非常奇怪的问题。

考虑以下代码：

<svg class="gauge" width="320" height="320">
    <circle cx="160" cy="160" r="158" style="fill: rgb(255, 255, 255); stroke: rgb(224, 224, 224); stroke-width: 2px;"></circle>
    <g class="pointerContainer">
        <circle cx="160" cy="160" r="94" style="fill: rgb(70, 132, 238); stroke: rgb(102, 102, 102); opacity: 1;"></circle>
    </g>
</svg>

上面的代码在大多数浏览器中都能很好地运行，当通过chrome inspect和usb debuggin使用调试时它会正确显示（参见屏幕截图）

但是，当我在设备上实际启动应用程序和测试时，这些圆圈呈现为正方形。

此外，我还注意到，当我减小半径（例如，减少到40）时，它会神奇地开始正确渲染。

详细说明： 电话：HTC M8

PhoneGap版本：4.2.0-0.24.2

Android版：5.0.1

用户代理：Mozilla / 5.0（Linux; Android 5.0.1; HTC One_M8 Build / LRX22C）AppleWebKit / 537.36（KHTML，类似Gecko）版本/ 4.0 Chrome / 40.0.0.0 Mobile Safari / 537.36