Question

我和svg和ios有一个奇怪的问题。我正在使用angularjs和cordova。

我在角度应用程序中包含一个外部svg，并以这种方式在我的视图中显示它：

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

在我的外部svg中，我有几个带有链接的元素：

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

当我使用cordova导出webview时，这在android上工作正常但在ios上没有。它适用于我的iphone模拟器...

任何人都可以帮助我吗？

Answer 1

尝试将xlink命名空间添加到SVG。

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

Answer 2

好的，我只是成功添加了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>

svg问题：xlink：href无法使用cordova和angularjs处理ios

2 个答案: