Let the blog vivid image of the way is illustrated, more vivid image of the way is put on the moving map. such as GIF motion diagram. A special search was made to find a GIF-making software called Byzanz under Ubuntu.
Byzanz Installation:
sudo apt-get install byzanz
Byzanz has two commands:
- Byzanz-record
- Byzanz-playback
The first one is the video, the second one is for playback.
Use reference Tutorial: Make animated GIF screencasts easily with Byzanz
Because this is a command-line tool, and it needs to specify the coordinates of the recording area, but you can't be so sure, what's the best way to get to the screen range of the recording area? Ubuntu is also called Xdotool, you can get to the current mouse position, so that you can figure out the location of the area you want to record coordinates.
Install Xdotool:
sudo apt-get install xdotool
Command Line Input:
xdotool getmouselocation
Move the mouse to the location you want to enter, and then tap enter to confirm the command, shown as follows:
x:872y:588screen:0window:71303347
It is possible to know the coordinates of x and Y, and then obtain the parameters required by Byzanz-record.
Making GIF:
byzanz-record--duration=5--x=65--y=55--width=300--height=100sk.gif
The parameters are recording time, starting x and y coordinates, area width and height, and output format.
Can be viewed in Firefox, command line input:
firefox sk.gif
Here is the GIF I generated:
How to insert a GIF motion diagram in the CSDN blog
Finally, how to insert GIF motion diagram in CSDN blog is actually very simple. Upload the GIF to the album and get the address of the image. In the blog upload pictures directly paste the address can be.
Ubuntu14.04 animating gif format with Byzanz