如何在离子含量内部渲染svg

阿米特

我的应用程序是使用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" />

请检查显示SVG的插件

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Ionic Framework如何在离子含量图下方放置div或按钮

来自分类Dev

如何在离子离子卷轴内部居中跨度

来自分类Dev

在基于离子的应用中无法设置离子含量内部的div高度

来自分类Dev

离子条头与离子含量重叠

来自分类Dev

离子含量不滚动

来自分类Dev

离子含量不滚动

来自分类Dev

如何在反应离子中渲染base64图像?

来自分类Dev

如何在Flutter Web中渲染SVG?

来自分类Dev

如何在javascript中将图像(svg)转换为渲染的svg?

来自分类Dev

离子含量未正确对齐

来自分类Dev

Ionic 4 透明离子含量

来自分类Dev

离子含量与离子头栏重叠

来自分类Dev

离子滑块固定在离子含量的底部

来自分类Dev

如何在svg的rect内部填充rect?

来自分类Dev

React.js如何在组件内部渲染组件?

来自分类Dev

如何在 IE11 下使用 cripEdges 渲染 svg?

来自分类Dev

如何在 angular 4 中使用 ngFor 动态渲染 svg

来自分类Dev

访问不同离子含量的ng模型

来自分类Dev

离子:获取离子含量中当前可见的项目

来自分类Dev

可滚动离子含量内的离子水平滚动

来自分类Dev

添加离子侧菜单后未显示离子含量

来自分类Dev

如何在svg的<g>标签中获取内部标签?

来自分类Dev

如何在 Swift 中识别 SVG 对象内部的触摸?

来自分类Dev

如何在 Angular 中将 SVG 渲染为 URL 引用而不是使用 SVG 对象本身?

来自分类Dev

如何从svg字节流渲染svg图像

来自分类常见问题

如何在React / Jsx中的渲染器内部调用函数

来自分类Dev

如何在另一个视图内部渲染视图(第4条)

来自分类常见问题

如何在保持抗锯齿的同时渲染具有清晰边缘的svg元素?

来自分类Dev

如何在Vue.js中动态渲染svg形状元素的数量?

Related 相关文章

热门标签

归档