1

我对 svg 和 ios 有一个奇怪的问题。我正在使用 angularjs 和科尔多瓦。

我在一个角度应用程序中包含一个外部 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模拟器......

任何人都可以帮助我吗？

4

2 回答 2

0

Ok I just succeed with adding the xlink and namespace and put the links inside the svg with the use tag, not in the external svg. I had an other issue with the markup, apparently you have to close every tags otherwise each other tag will be wrapped in the first one, which breaks your layout ordering. For instance <path /> doesn't work and <path></path> works fine.

Finally, I got something like this : 

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