使用mockplus设计大屏原型

先上效果图：

1、安装墨刀软件。下载地址：https://cdn.mockplus.cn/software/Mockplus/Mockplus_Setup_v3.5.0.2.exe

2、使用墨刀工具画图。

3、按次序删除画好的组件。

4、然后启动ffmpeg录屏。

5、按墨刀上的undo按钮，每次恢复一个已删除的组件。

6、由于直接将mp4转换成gif太大，无法上传到csdn博客上。解决：使用ffmpeg将每秒视频中抽出一帧生成一张jpeg文件，再将这些jpeg合成一张gif。

1）录屏：（指定大小，指定位置，指定时长，指定格式）

ffmpeg -f gdigrab -video_size 1280x768 -offset_x 100250 -offset_y 90 -t 20 -r 15 -i desktop -vcodec libx264 d:\x264.mp4

2）转换成jpeg

ffmpeg -ss 0 -t 20 -i D:\x264.MP4 -r 1 -s 320x240 -f image2 D:\mockplusjpeg\pho-%03d.jpeg

3）合成gif

ffmpeg -f image2 -framerate 5 -i D:\mockplusjpeg\pho-%03d.jpeg D:\mockplus.gif

4）如果是想将录屏的mp4，倒序播放：

ffmpeg.exe -i d:\x264.mp4 -filter_complex [0:v]reverse[v] -map [v] -preset superfast d:\x264_reversed.mp4

使用mockplus设计大屏原型相关推荐

Axure RP大数据BI可视化大屏原型模板及通用组件库
对于做大数据交互原型设计时,需要做到很多背景很科技背景,数据统计汇总组件.Axure RP大数据可视化大屏原型模板及通用组件库主要结构由大屏模板.登录界面.入口界面.初始框架.图表组件.设计组件等六大 ...
JeecgBoot低代码平台 3.5.2，仪表盘版本发布！重磅新功能—支持在线拖拽设计大屏和门户
项目介绍 JeecgBoot是一款企业级的低代码平台!前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro, ...
可视化大屏原型图解决方案附axure可视化组件库
现在越来越多的数据展示方式采用了可视化大屏的策略,对数据项进行图表或者动态的展示.在没有产品原型的情况下,怎么制作一个简易的原型呢? 这里提供三种方式制作简易demo: 第一种:原生html+js实现 ...
JNPF快速开发平台 3.4.1 3.3.1 3.3.2 企业版旗舰版框架源码大屏设计大屏源码
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...
JNPF快速开发平台 3.4.6 企业版旗舰版框架源码大屏设计大屏源码
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...
企业版旗舰版框架源码大屏设计大屏源码 JNPF快速开发平台 3.4.1 3.3.1 3.3.2
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...
JNPF快速开发平台 3.2 3.3.1 3.3.2 企业版旗舰版框架源码大屏设计大屏源码
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...
JNPF快速开发平台 3.4新版本企业版旗舰版框架源码目录大屏设计大屏源码
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...
3.4.1 3.3.1 3.3.2 企业版/集团版/旗舰版框架源码大屏设计大屏源码 JNPF快速开发平台
平台特性采用前后端分离的模式:前端基于 vue-element-admin 框架定制开发统一授权.认证:基于ASP.NET Core 的鉴权与授权两个中间实现的JWT身份认证.还提供了混合身份验证 ...

使用mockplus设计大屏原型

使用mockplus设计大屏原型相关推荐

最新文章

热门文章