angularjs – 如何在离子内容中呈现svg

发布时间：2020-12-17 17:39:04 所属栏目：安全来源：网络整理

导读：我的应用程序是使用 Angularjs和ionic构建的,使用cordova进行混合移动应用程序,当尝试呈现从后端接收的svg内容时,应用程序无法呈现预期的图表. 这就是我的代码的样子 ion-tab title="Diagram" icon-on="mcfly" ion-view ion-content class="padding" ng-clas

我的应用程序是使用 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数据而不是图像,我是否遗漏了任何声明或任何东西？

谢谢

解决方法

你需要将它放在图像标签中,如下所示：

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

请查看此plunker显示svg

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!