Javascript iOS将SVG textpath类更改为[object SVganizatedString]
我在SVG文本路径上有一个类,并使用它来确定javascript和css的目标。这在大多数浏览器中都可以正常工作,但在iOS Safari和Chrome上,该类会被删除并替换为[object SVGAnimatedString] 我的代码:Javascript iOS将SVG textpath类更改为[object SVganizatedString],javascript,ios,debugging,svg,safari,Javascript,Ios,Debugging,Svg,Safari,我在SVG文本路径上有一个类,并使用它来确定javascript和css的目标。这在大多数浏览器中都可以正常工作,但在iOS Safari和Chrome上,该类会被删除并替换为[object SVGAnimatedString] 我的代码: <svg class="svg" width="200px" height="160px" viewBox="0 0 200 160" preserveAspectRatio="xMidYMid meet" version="1.1">';
<svg class="svg" width="200px" height="160px" viewBox="0 0 200 160" preserveAspectRatio="xMidYMid meet" version="1.1">';
<defs><path id="arc" d="M 0,120 A 90,90 0 0,1 200,120"></path></defs>
<g text-anchor="middle">
<text><textPath id="textpath" class="my-class" xlink:href="#arc" startOffset="50%"> <!-- Text --></textPath></text>
</g>
</svg>
”;
iOS输出
<svg class="svg" width="200px" height="160px" viewBox="0 0 200 160" preserveAspectRatio="xMidYMid meet" version="1.1">';
<defs><path id="arc" d="M 0,120 A 90,90 0 0,1 200,120"></path></defs>
<g text-anchor="middle">
<text><textPath id="textpath" class="[object SVGAnimatedString]" xlink:href="#arc" startOffset="50%"> <!-- Text --></textPath></text>
</g>
</svg>
”;
只有textpath上的类发生了更改,并且在任何javascript发生之前就完成了更改
首先,有没有办法阻止iOS这样做?我想阻止默认行为吗
第二,它为什么这样做?我可以理解它是否添加了一个类,但删除所有其他类似乎有点过头了
谢谢这是字段的基础数据类型。如果您展示您的代码,我们可能会建议一种解决方法。将其报告为webkit/chrome bug可能是正确的做法。我在代码示例中添加了iOS的输出