產生 menu-box-c.png

主題

完整腳本範例

前提

從「Grub Docs / Theme file format / 7.2.7 Styled Boxes」,

可以了解到,GRUB選單畫面的一些元素,是採用「九宮圖」。

我將「monterey-grub-theme (pling)」這個專案,

做了「重構」產生一個新的專案「grub-theme-monterey-refactoring」。

其中我們可以看到「GRUB選單畫面」那個「圓角方框(圓角矩形)」中間的圖是「menu-box-c.png」是「白色透明的」,

我另外產生一個新的專案「grub-theme-monterey-remix

要將「menu-box-c.png」改成「黑色透明」,

此篇是透過「ImageMagick」這個工具來產生這張圖,用來當作學習「製作 menu box 九宮圖」的起點

操作環境

  • Lubuntu 24.04
  • imagemagick 6.9.12-98

前置作業

執行下面指令,安裝「imagemagick

sudo apt-get install imagemagick

安裝完成後,執行下面指令,觀看版本

convert --version

顯示

Version: ImageMagick 6.9.12-98 Q16 x86_64 18038 https://legacy.imagemagick.org
Copyright: (C) 1999 ImageMagick Studio LLC
License: https://imagemagick.org/script/license.php
Features: Cipher DPC Modules OpenMP(4.5)
Delegates (built-in): bzlib djvu fftw fontconfig freetype heic jbig jng jp2 jpeg lcms lqr ltdl lzma openexr pangocairo png raw tiff webp wmf x xml zlib

操作步驟

執行下面指令,產生「menu-box-c.png」。

convert -size 10x10 'canvas:rgba(0,0,0,0.7)' 'PNG32:menu-box-c.png'

上面的指令,表示要產生一張「10x10」的圖,

檔案名稱是「menu-box-c.png」。

這張圖只有單純的「畫布(canvas)」,

畫布顏色是「黑色透明」,也就是「rgba(0,0,0,0.7)」。

其中要特別注意的是『檔名前面要加上「PNG32:」』,將檔案指定為「PNG32」,這樣「透明度」才會有支援。「GRUB選單畫面」才會有效果。

接下來

接下來,我們要來探索『如何透過「ImageMagick」製作簡易「圓角矩形」的「九宮圖」』。

參考文章