Question

我的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">';
    <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>

只有文本路径上的类会发生变化，并且在任何javascript发生之前都会完成。

首先 - 是否有办法阻止iOS执行此操作，是否要阻止默认行为？

其次 - 为什么这样做？我可以理解它是否添加了一个类但删除所有其他类似乎有点过分

由于

iOS将SVG文本路径类更改为[object SVGAnimatedString]

0 个答案: