让博客生动形象的方式是图文并茂,更生动形象的方式就是放上动图。比如GIF动图。为此专门进行了一番搜索,发现了Ubuntu下有个叫做byzanz的制作GIF的软件。
byzanz安装:
sudo apt-get install byzanz
byzanz有两个命令:
- byzanz-record
- byzanz-playback
第一个就是录像的,第二个就是回放用的。
来篇使用参考教程:Make Animated GIF Screencasts Easily With Byzanz
因为这个是命令行工具,而且其中需要指定录像区域的坐标这些参数,但是你不可能那么清楚吧,有什么好的方式能获取到要录像区域的屏幕范围呢?Ubuntu下还有一个叫做xdotool,可以获取到当前鼠标位置,这样一来,你就可以算出你要录像区域的坐标位置了。
安装xdotool:
sudo apt-get install xdotool
命令行输入:
xdotool getmouselocation
把鼠标移到要录入的位置,然后敲击回车确认命令,显示如下:
x:872 y:588 screen:0 window:71303347
其中就可以知道x和y的坐标,进而获得byzanz-record需要的参数。
制作gif:
byzanz-record --duration=5 --x=65 --y=55 --width=300 --height=100 sk.gif
参数分别是录制时间,起始的x和y坐标,区域宽度和高度,输出格式。
可以用火狐浏览器查看,命令行输入:
firefox sk.gif
下面是我生成的gif效果图:
如何在CSDN博客插入GIF动图
最后说下怎么在CSDN博客中插入GIF动图,其实很简单。把GIF图上传到相册,然后获取图片的地址。在博客中上传图片中直接粘贴地址就可以了。
时间: 2024-10-14 05:03:08