如何在离子内容中呈现svg

我的应用程序使用Angularjs和ionic进行构建，使用cordova作为混合移动应用程序，当尝试渲染从后端接收的svg内容时，应用程序无法呈现预期图。如何在离子内容中呈现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数据，而不是形象，我错过任何声明或任何东西吗？

感谢

来源

2015-11-04 Amit

彼此的答案，我发现是http://stackoverflow.com/questions/9381926/angularjs-insert-html-into-view – Amit

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

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

请检查该plunker显示SVG

来源

2015-11-04 08:56:19 macrog

让我尝试一下，但是我不能使用svg内容作为xml，在$ scope内部传递，并在离子内容中渲染？ – Amit

这工作正常，谢谢你。不知怎的，渲染后的图像太小了，虽然我把宽度和高度都设为100％，它可能会从那里拉出来？ – Amit

不确定，请尝试使用px而不是％来查看它是否有所作为。 – macrog

如何在离子内容中呈现svg

回答

相关问题