在 phonegap 应用程序中使用图标的问题

Question

我尝试在科尔多瓦应用程序中使用 svg。 我尝试使用不同的方式和技术。但不幸的是，它们不起作用。 PhoneGap Developer 应用程序显示空白或什么也没有。 我可以在 Cordova 应用程序中使用 SVG 吗？ 它取决于平台吗？ （不幸的是，文档没有涵盖这个问题。）我在 windows phone 10 中测试我的应用程序。

Answer 1

我已经使用iconic 解决了这个问题。

1. 下载标志性的。
2. 只需将所有字体文件添加到您的项目中即可。
3. 添加指向您的 index.html 文件的链接 <link href="/yourFolder/font/css/open-iconic.css" rel="stylesheet">
4. 检查 open-iconic.css 文件底部的路径。

5. 将元素添加到您的文档对象模型中。 <span class="oi" data-glyph="icon-name" title="icon name" aria-hidden="true"></span>

6. 完成！