折腾:
【未解决】vuejs的vue-admin-template中用底图加叠加图片等元素实现控制面板图
期间,已经代码完成随机改变状态,显示效果了。
现在去把实际效果录制为gif图
打开Giphy Capture,调整要录制的窗口大小:
![](https://www.crifan.com/files/pic/uploads/2021/05/c004d4f455694977a8ff9c50dfe025c4.jpg)
录制好了:
![](https://www.crifan.com/files/pic/uploads/2021/05/6eabeeec37094d02aec6c7b250b8a91f.jpg)
![](https://www.crifan.com/files/pic/uploads/2021/05/4ca97a98bc3f46809c8d2679fe36fef4.jpg)
去保存和导出gif图
保存之前,点击 Calculate size
是12M
![](https://www.crifan.com/files/pic/uploads/2021/05/185e2e13305a4b279ecd55bf9441d277.jpg)
保存时文件大了,会提醒:
![](https://www.crifan.com/files/pic/uploads/2021/05/e7052c2ca05440069c283d20fb012ed8.jpg)
正在导出:
![](https://www.crifan.com/files/pic/uploads/2021/05/46127fe7c1a84548b090d402739ead3f.jpg)
导出后,效果不错:
![](https://www.crifan.com/files/pic/uploads/2021/05/8b3700ac5f854506af65c12f59fad697.jpg)
去减小帧数,看看效果是否变化不大,是的话,
另外发现还有个Captions,去试试。
然后输入文字,设置颜色,效果不错:
![](https://www.crifan.com/files/pic/uploads/2021/05/7b3164bd3259487da9f95ad47b232369.jpg)
![](https://www.crifan.com/files/pic/uploads/2021/05/23f1703a31af47d99cc89752350f44fc.jpg)
把Pixel Size降低为640px
Frame Rate设置为Low
使得:
FPS只有10fps了
Frame也降低到114
目测效果没太大变化
计算后大小,减小到4.4MB,不错。
去导出
![](https://www.crifan.com/files/pic/uploads/2021/05/91e39e0b6ec1440580535cbf2d184d79.jpg)
导出后是:
![](https://www.crifan.com/files/pic/uploads/2021/05/e2d6cedd6cb74ec493770161f8438882.jpg)
转载请注明:在路上 » 【记录】Mac中用Giphy Capture录制gif动图动画