svg问题:xlink:href无法使用cordova和angularjs在ios上运行

svg问题:xlink:href无法使用cordova和angularjs在ios上运行,angularjs,cordova,svg,xlink,Angularjs,Cordova,Svg,Xlink,我在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"><

我在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>

当我用cordova导出webview时,这在android上可以正常工作,但在ios上不行。它在我的iphone模拟器上工作


有人能帮我吗?

尝试将xlink名称空间添加到SVG中

<svg viewBox="0 0 640 550" xmlns:xlink="http://www.w3.org/1999/xlink">
    <use xlink:href="#mysvg"></use>
</svg>

好的,我成功地添加了xlink和名称空间,并将链接放在带有use标记的svg中,而不是外部svg中。我还有一个关于标记的问题,显然你必须关闭每个标记,否则每个标记都会被包装在第一个标记中,这会破坏你的布局顺序。例如,
不工作,
工作正常

最后,我得到了这样的结果:

<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>

很抱歉耽搁了您的时间,谢谢您的回答。我试过你的解决办法,但还是不管用。我一直在努力,并让你知道。