svg问题:xlink:href无法使用cordova和angularjs在ios上运行
我在svg和ios方面遇到了一个奇怪的问题。我用的是angularjs和cordova 我在angular应用程序中包含一个外部svg,并以以下方式在我的视图中显示它: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 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>
很抱歉耽搁了您的时间,谢谢您的回答。我试过你的解决办法,但还是不管用。我一直在努力,并让你知道。