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

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上。

相关推荐
IT、木易39 分钟前
ES6 新特性,优势和用法?
前端·ecmascript·es6
计算机软件程序设计1 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
指尖时光.1 小时前
【前端进阶】01 重识HTML,掌握页面基本结构和加载过程
前端·html
前端御书房1 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder1 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式
晚安7201 小时前
idea添加web工程
java·前端·intellij-idea
零凌林3 小时前
vue3中解决组件间 css 层级问题最佳实践(Teleport的使用)
前端·css·vue.js·新特性·vue3.0·teleport
糟糕好吃3 小时前
用二进制思维重构前端权限系统
前端
拉不动的猪3 小时前
刷刷题17(webpack)
前端·javascript·面试
烂蜻蜓3 小时前
深入理解 Uniapp 中的 px 与 rpx
前端·css·vue.js·uni-app·html