为什么 vector-effect="non-scaling-stroke" 在 Chrome 中对下面的内嵌 SVG 图像无效：
<html>
<body>
<svg width="30%" height="30%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" preserveAspectRatio="none" overflow="visible" transform="scale(1.2 0.25)">
<path vector-effect="non-scaling-stroke" d="M 0.4753583871937622 0.6608591299486408 C 0.5821695696760636 0.5334925745067387,0.615886648530435 0.2657680135400552,0.5491853592456778 0.29989808951693453 C 0.4154296771790341 0.3683389193753329,0.09737841252353718 0.7538702564213127,0.07444444449096066 0.8660009416191963 C 0.060464926497579397 0.9343507766371657,0.34479911229870497 0.8165440005578697,0.4753583871937622 0.6608591299486408" fill="transparent" stroke="black" stroke-width="10px"></path>
</svg>
</body>
</html>在 Firefox 中，它似乎可以正确呈现。有没有办法让它跨浏览器工作？