Javascript 使用android的SVG掩码

我在安卓设备上使用SVG掩码时遇到了问题，当它是透明的时候，它会给出一个方形块

<svg width="0" height="0">
     <mask id="mask">
        <path xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#ff0000" stroke-miterlimit="10" stroke-width="4" d="M 34 2 c 11.6 0 21.8 6.2 27.4 15.5 c 2.9 4.8 5 16.5 -9.4 16.5 h -4"></path>
     </mask>
</svg>

下面是完整代码的代码笔

提前谢谢

****更新******

左边的图片是iPhone上的，右边的是android

如果您使用chrome设备检查管理器并选择galaxy s4，您将能够了解我的意思。不幸的是，我不能减少代码，因为它的所有部分

---

正方形的大小写是HTML文件中上面的代码片段，这是一个SVG掩码。

请添加更多信息。什么方块？哪里你能把你的代码缩减到最小的程度来说明问题吗？嗨，保罗，我尽了最大努力更新了上面的代码，我在Chrome上也看到了这个问题。请减少你的样本到一些简短的东西（例如，只是汉堡包）。嗨，保罗，我尽量减少它我希望这是好的。我解决了这个问题，我创建了一个png的面具，我现在的问题是无法阻止它在页面加载时播放