离子应用程序不会在 android 中呈现 svg 文件，但会在 ios 中呈现答案

【问题标题】：ionic app does not render svg files in android but does for ios离子应用程序不会在 android 中呈现 svg 文件，但会在 ios 中呈现
【发布时间】：2016-12-31 18:43:23
【问题描述】：

我真的是混合网络应用程序的新手，我目前正在尝试构建一个应用程序，该应用程序允许我将许多 svg 文件显示为来自 ng-repeat 的离子列表项。现在我最初在我的模拟器中显示这些内容时遇到了问题，直到我没有使用图像标签，而是使用了带有 ng-include 的 div 和指向图像 URL 的链接。这在 Ripple 模拟器中运行良好，当我通过 phonegap 向 ios 设备提供应用程序时它也运行良好，但对于 android，它不会呈现图像。

有人知道为什么吗？

【问题讨论】：

您是否使用正确的 MIME 类型（内容类型）提供 SVG？应该是image/svg+xml。

标签： android angularjs cordova svg ionic-framework

【解决方案1】：

感谢 Paul LeBeau 的问题，它为我指明了解决此问题的正确方向。

我将 type="image/svg+xml" 属性添加到 html 对象元素以解决此问题。

【讨论】：

【解决方案2】：

在我的例子中，css 中引用的 SVG 背景图像也没有出现在 ios 下。但如果设置为内联数据属性，它们将正确呈现：

background: url('data:image/svg+xml;utf8,<svg ...> ... </svg>');

更多关于该主题的信息：https://css-tricks.com/probably-dont-base64-svg/

【讨论】：