如何在 ion-content 中渲染 svg

Question

我的应用程序是使用 Angularjs 和 ionic 构建的，将 cordova 用于混合移动应用程序，当尝试呈现从后端接收的 svg 内容时，应用程序无法呈现预期的图表。

这就是我的代码的样子

<ion-tab title="Diagram" icon-on="mcfly">           
        <ion-view>
            <ion-content class="padding" ng-class="{'has-loading': header.isLoading}">
                <h4>System Diagram</h4>                 
                    {{diagram}}
        </ion-content>
    </ion-view>
</ion-tab>

但是我看到的是 svg 数据而不是图像，我是否缺少任何声明或任何东西？

谢谢

Answer 1

你需要把它放在图片标签中，像这样：

<img class="title-image" src="path to your diagram" width="xxx" height="xxx" />

请检查这个 plunker 显示 svg

如何在 ion-content 中渲染 svg

How to render svg inside ion-content

svg

angularjs

ionic

ionic-view