Tool

Since I changed my Operating System from Windows to Ubuntu, I have been looking for a tool that can make a screenshot and put a highlight on it. Something like the Snipping Tool on Windows. It is hard to find such tool on Linux. However, I found a way to achieve the goal with two tools. Screenshot (Ubuntu installed software. Open it from Ubuntu Activities) GIMP (GNU Image Manipulation Program. Download from https://www.gimp.org/downloads/) This post will show how to use the above tool to highlight a screenshot step by step. ...

Error: Your Command Line Tools are too outdated By following the instruction from the official website Alternative install methods: macOS, I got an error while running brew install ubuntu/microk8s/microk8s as shown below As the prompt suggested, I installed the latest Xcode from the AppStore. (It took quite long to be honest). But it still showed the same error after updating the Xcode to the 13.2.1 The trick is that we should run the following commands: ...

Again, Inkscape is a free and open-source vector graphics editor. Open Inkscape Right click and choose Trace Bitmap, just simply click OK After trace bitmap, the original svg file is still in the background, we need to resize the front processed svg in order to showing out the original svg file. And delete it Done In this example, the svg image has full black color surround it. We should make some space for it so that it can look better. Set image size 22px, document size 24px, starting point is (1,1)

Inkscape is a free and open-source vector graphics editor. Open the graphic software Inkscape Drag the svg file into the software Adjust the width and height Press Shift+Ctrl+E to open the dialog of Export PNG Image Change to Page tab and adjust the Width and Height. Set up the output path with the button Export As Export the file with the button Export

Sometimes we need to extract part of the SVG from the original SVG image. This post will show how to do it with Inkscape. I will take the Storadera logo as an example. Go to Storadera website, we can see the company logo and download the logo Open the logo with web browser and inspect the element. We can see the logo is originally svg file. Open the graphic software Inkscape Drag the downloaded logo into the software Ungroup the logo Delete the text part, only keep the logo Place the logo at (0,0) Record the original width and height in specific unit Press Shift+Ctrl+D to edit the width and height and tick the Checkerboard background option Hold Ctrl and scroll the mouse to zoom up the image if it is too small Adjust the image position with up, down, left, and right arrow key Hold Ctrl and hover the mouse on the double direction arrow to adjust the image size. This will make a margin for the final image, which looks better Repeat the step#11 again for the image Change the color if necessary Save the file as a plain svg format

Sometimes we need to extract part of the SVG from a PNG image. This post will show how to do it with Inkscape. I will take the Filebase logo as an example. Remove the white background Open the graphic software Greenfish Icon Editor Drag the .png file into the software Fill the colorful part with the black color Apply the white background to transparent with the color picker setting on the right bottom Save it as a png file with the original resolution Convert the png file to svg file Open the graphic software Inkscape Drag the previous .png file into the software Place the image at (0,0) Record the original width and height in specific unit Go to the Document Properties... in the File menu or press Shift+Ctrl+D, and edit the width and height as recorded previous and tick the Checkerboard background option Save the file as a plain svg format