记录解决问题--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上。

相关推荐
jingling5551 小时前
vue | 在 Vue 3 项目中集成高德地图(AMap)
前端·javascript·vue.js
油丶酸萝卜别吃1 小时前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
J***Q2928 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio9 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄10 小时前
前端解析excel
前端·excel
一叶茶10 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫10 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want59510 小时前
HTML音乐圣诞树
前端·html
老前端的功夫11 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化
Running_slave12 小时前
你应该了解的TCP滑窗
前端·网络协议·tcp/ip