課程 七

包含圖片和定位

本課展示了如何在文件中包含外部圖片檔案，如何更改它們的外觀，以及如何讓它們自動定位或浮動到合適的位置。

要在 LaTeX 中引入外部圖片，請使用graphicx宏包，它為LaTeX新增了\includegraphics命令。

% !TEX program=lualatex

\documentclass{ctexart}
\usepackage{graphicx}

\begin{document}
這張圖片
\begin{center}
  \includegraphics[height=2cm]{example-image}
\end{center}
是匯入包含外部圖片的PDF。
\end{document}

你可以包含EPS、PNG、JPG和PDF格式的檔案。如果你有一個圖片的多個版本，那麼你可以寫成example-image.png這樣的形式。（如果你沒有給出副檔名，graphicx宏包會嘗試猜測副檔名。）

你會注意到我們在這裡使用了一個新的環境center，用於將圖片在頁面上水平居中。稍後，我們將更多地討論間距和定位。

修改圖片外觀

\includegraphics命令有許多選項來控制圖片的大小和形狀，以及裁剪掉不需要的部分。其中一些選項使用很多，所以值得了解。

最明顯的設定是設定圖片的width（寬度）或height（高度），這些通常相對於\textwidth或\linewidth以及\textheight來設定。\textwidth和\linewidth的區別很微妙，通常結果是相同的。\textwidth是物理頁面上文字塊的寬度，而\linewidth是_當前_寬度，這可能在局部上有所不同（這種差異在使用twocolumn類選項時最為明顯）。LaTeX 會自動縮放圖片以保持寬高比。

% !TEX program=lualatex

\documentclass{ctexart}
\usepackage{graphicx}

\begin{document}
\begin{center}
  \includegraphics[height = 0.5\textheight]{example-image}
\end{center}
一些文字
\begin{center}
  \includegraphics[width = 0.5\textwidth]{example-image}
\end{center}
\end{document}

你還可以scale（縮放）圖片，或者通過angle（角度）旋轉它們。另一個你可能想要做的是clip（裁剪）和trim（修剪）圖片。

% !TEX program=lualatex

\documentclass{ctexart}
\usepackage{graphicx}

\begin{document}
\begin{center}
  \includegraphics[clip, trim = 0 0 50 50]{example-image}
\end{center}
\end{document}

讓圖片浮動

在排版中，特別是技術文件時，圖片可能會移動到文件的其他位置。這稱為 浮動。圖片通常作為浮動體包含，這樣它們不會在頁面中留下大片空白。

% !TEX program=lualatex

\documentclass{ctexart}
\usepackage{graphicx}
\usepackage{zhlipsum}  % 生成填充文字

\begin{document}
\zhlipsum*[1-5] % 幾個填充段落

測試浮動位置
\begin{figure}[ht]
  \centering
  \includegraphics[width=0.5\textwidth]{example-image-a.png}
  \caption{一個示例圖片}
\end{figure}

\zhlipsum*[6-10] % 幾個填充段落
\end{document}

這裡LaTeX將圖片和標題從測試位置文字處移到了第二頁的頂部，因為第一頁底部沒有足夠的空間。ht影響 LaTeX 可以放置浮動體的位置；這兩個字母表示它可以放在原始碼所在位置（在測試位置旁邊）或頁面頂部。你最多可以使用四個位置說明符：

稍後，我們將看到如何交叉引用浮動體，這樣你就可以在文字中指向它們。

你可能注意到我們在這裡使用了\centering而不是center環境來居中圖片。在浮動體內部，如果你想要水平居中內容，應該使用\centering；這可以避免浮動體和center環境都新增額外的垂直空間。

練習

嘗試包含你建立的圖片，替換我們在演示中使用的”標準”圖片。

探索使用height、width、angle和scale鍵可以做什麼。

使用width鍵將一個圖片的大小設定為相對於\textwidth，另一個圖片相對於\linewidth。嘗試它們在有或沒有twocolumn選項時的表現。

使用lipsum製作一個相當長的演示，然後嘗試使用不同的位置說明符來放置浮動體。不同的說明符如何相互作用？（本文中的示例程式碼使用了另一箇中文的佔位字元生成包zhlipsum。）