1

svg と ios で奇妙な問題が発生しました。angularjs と cordova を使用しています。

angular アプリに外部 svg を含め、この方法でビューに表示します。

<svg viewBox="0 0 640 550">
    <use xlink:href="#mysvg"></use>
</svg>

私の外部 svg では、内部にリンクを持ついくつかの g 要素を取得しました。

<a xlink:href="/path/to/page"></a>

これは、android では正常に動作しますが、cordova で webview をエクスポートすると、ios では動作しません。それは私のiPhoneシミュレーターで動作します...

誰でもそれで私を助けることができますか？

4

2 に答える 2

0

xlink 名前空間を SVG に追加してみてください。

<svg viewBox="0 0 640 550" xmlns:xlink="http://www.w3.org/1999/xlink">
    <use xlink:href="#mysvg"></use>
</svg>
于 2014-05-07T00:41:19.223 に答える
0

OK、xlink と名前空間の追加に成功し、リンクを外部 svg ではなく、use タグを使用して svg 内に配置します。マークアップには別の問題がありました。すべてのタグを閉じる必要があるようです。そうしないと、他の各タグが最初のタグにラップされ、レイアウトの順序が崩れます。たとえば、<path />機能せず、正常に<path></path>機能します。

最後に、私はこのようなものを得ました:

<svg viewBox="0 0 640 550" xmlns:xlink="http://www.w3.org/1999/xlink">
    <use xlink:href="#mysvg"></use>
    <a xlink:href="/path/to/page">
        <path></path>
        <rect></rect>
        <text></text>
    </a>
</svg>
于 2014-05-12T13:37:15.677 に答える