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

相关推荐
DanCheOo16 小时前
Prompt 工程化管理:从散落在代码里到版本化、可测试、可回滚
前端·ai编程
涛涛ing16 小时前
Vue 3.5 下一站:cached 提案,重新定义响应式缓存
前端
胖子不胖16 小时前
svg之viewBox
前端
吹牛不交税16 小时前
tree-transfer-vue3 前端插件安装问题解决(--legacy-peer-deps)(其他插件可考虑)适用
前端·javascript·vue.js
ricardo197316 小时前
Chrome DevTools + Lighthouse + Performance API:前端性能调优三件套实操指南
前端
Appoint_x16 小时前
设计稿自己会说话:我用 Claude 给 Figma 做了个 AI 上下文插件
前端·javascript
豹哥学前端16 小时前
浏览器console里的双中括号 `[[ ]]`
前端·javascript·ecmascript 6
菜泡泡@16 小时前
npm 安装pnpm之后运行pnpm -v查询报错
前端·npm·node.js
贫民窟的勇敢爷们17 小时前
React跨平台能力,打破前端开发的平台边界
前端·react.js·前端框架