LaTeX備忘——tikz應用之簡單帶文字、陰影矩形繪製示例

LaTeX的內容很多,想全部記住比較難也沒有必要,所以我寫這些示例主要是爲了方便自己以後查詢。示例內容均來自我的實際工作內容。

LaTeX的學習沒有必要按照什麼課程、計劃之類的方式來學,最好是在實際使用中去學習。入手就是找一篇範文來用,需要什麼功能就去查找,基本上都能很快找到。

下面是實現帶文字、陰影矩形框的一個簡單示例。


操作系統:Ubuntu 18.04

編輯工具:TeXstudio 2.12.6

編譯方式:LuaLaTeX


源碼:

\documentclass{article}%
% 開源中國,陸巍
\usepackage{ctex}% 中文支持
\usepackage{geometry}% 用於頁面設置
\usepackage[dvipsnames, svgnames, x11names]{xcolor} % 顏色支持
\usepackage{tikz}% 繪圖支持
\usetikzlibrary{shadows}% 陰影支持

% 頁面設置
\geometry{%
  a4paper,%
  left = 3.17cm,%
  right = 3.17cm,%
  top = 2.54cm,%
  bottom = 2.54cm%
}%

\setlength{\parindent}{0em}% 縮進爲0

% 定義方框樣式
\tikzset{
  rect1/.style = {
    shape = rectangle,% 指定樣式
    minimum height=2cm,% 最小高度
    minimum width=4cm,% 最小寬度
    align = center,% 文字居中
    drop shadow,% 陰影
  }
}

\begin{document}%
  \begin{tikzpicture}
    \node(a)[rect1, draw=DodgerBlue!, fill=DodgerBlue!, text width=3.5cm]
      {\color{white}Peripheral (Payload, Power, Telecom, etc)};
    \node[below of=a, yshift=-40pt](b)[rect1, draw=LimeGreen!, fill=LimeGreen!, text width=1.5cm]
      {\color{white}I/O Device};
    \node[below of=b, yshift=-40pt](c)[rect1, draw=LightSteelBlue!, fill=LightSteelBlue!]
      {\color{white}Processor};
    \node[label=below:MarCo Cubesat, right of=a, xshift=200pt, yshift=-70pt]
      {\includegraphics[width=11cm]{img/MRO.png}};
  \end{tikzpicture}
  
\end{document}

效果如下:

LaTeX簡單帶文字、陰影矩形示例

說明:

  1. 當我們需要使用基礎色彩名稱之外的其他色彩名稱時,需要導入相關的庫,使用語句:\usepackage[dvipsnames, svgnames, x11names]{xcolor}。以後有時間我再把相關說明書上的配色表發上來。
  2. 使用tikz繪圖時,一般步驟是先定義自己需要的樣式然後再調用,如例子中的\tikzset{...}語句,本例比較簡單,並未使用線段,以後繪製複雜圖形時再列出。
  3. 矩形方框的尺寸默認情況下會按照裏面的文字內容自動調節,通常只支持一行。如果文字很多的話,這個框會很難看,所以要使用text width來限制調節。在方框大、文字少時,minimum height與minimum width就比較有用了。
  4. 本文中在tikz繪製裏面還加入了一張圖片,同樣使用node來控制。大家可以發現,使用node控制很靈活。
  5. 爲了顯示陰影效果,需要載入shadows庫。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章