记录解决问题--activiti8.2 流程图图片由png改为svg前端不显示图片问题

本文讲述了在Vue应用中,如何处理Activiti流程图的图片显示问题,着重比较了Activiti6中PNG和Activiti8.2中SVG格式的处理方式,以及使用v-html标签在后者场景下的必要性,包括通过请求获取SVG链接并动态绑定到DOM上。
摘要由CSDN通过智能技术生成

1.说明

如果是vue svg显示,请查阅其他标准资料,类似使用svg标签。我这里讲的另外一种情况,链接返回的是svg文件,需要用v-html显示图片。

2.activiti6流程图图片格式

①png格式。可以查看链接返回,以png开头。
②前端用img标签,src里面是链接可以显示图片。

3.activiti8.2流程图图片格式

①svg格式。看到链接,如下图。
在这里插入图片描述
②前端用img标签是无法显示图片的,需要用v-html标签,浏览器渲染后显示图片。
③用一个变量img去接收链接返回的结果,request.get(imgUrl).then(res=>{img=res})。然后,将img绑定到v-html上。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值