LaTeX 图表进阶排版：DrawFig 导出 TikZ 代码后的深度集成技巧

发布日期： 2026-04-25 分类： LaTeX图表 预计阅读时间： 10 分钟 标签： LaTeX图表、TikZ绘图工具、drawfig、学术绘图、论文排版、图表导出

---

引言

很多科研工作者用 DrawFig 画完图之后，把 TikZ 代码复制到 LaTeX 里，发现图出来了——但总是差那么一点：字体和正文不统一、图题格式不对、放到双栏排版里图太宽……这些细节拿下来，才是真正的"发表级插图"。 这篇文章从 DrawFig 导出 TikZ 代码的那一步开始，系统讲解 LaTeX 图表的进阶排版技巧。不管你是投 IEEE、ACM 还是 Springer，这套方法论都适用。

---

一、DrawFig 导出 TikZ 代码：正确打开方式

DrawFig 的 TikZ 导出功能会生成一段完整的独立代码，可以直接嵌入 LaTeX。导出时有几个关键选项值得注意：

1. 选择坐标单位：优先选择 cm 或 pt，和 LaTeX 排版单位一致，避免图形缩放失真。
2. 字体继承：勾选"使用文档字体"选项（如果可用），让节点文字继承 LaTeX 文档的字体设置，而不是硬编码字体名。
3. 边界框：导出前检查画布边界，确保没有多余的空白区域，否则插入后会有大量留白。

导出后，将代码保存为独立 .tex 文件（如 fig-graph.tex），再用 \input{} 引用，便于复用和版本管理：

\begin{figure}[htbp]
  \centering
  \input{figures/fig-graph.tex}
  \caption{图的标题写这里}
  \label{fig:graph}
\end{figure}

---

二、图题与交叉引用：细节决定品质

2.1 \caption 规范写法

期刊对图题有严格要求，常见规范：

• IEEE：图题全部小写（首字母大写），末尾不加句号。
• ACM：图题首字母大写，末尾加句号。
• Springer：图题首字母大写，末尾加句号，斜体。

对应 LaTeX 配置：

% ACM / Springer 风格
\usepackage[labelfont=bf, textfont=it]{caption}

% IEEE 风格（通常用 IEEEtran 类自带样式，无需额外设置）

2.2 交叉引用最佳实践

使用 \cref{} 代替 \ref{}，自动补全"图""表"等前缀：

\usepackage{cleveref}

% 正文引用时
如图~\cref{fig:graph} 所示，算法流程分为三个阶段……
% 输出：如图 1 所示……

给标签取有意义的名字，推荐格式：fig:功能描述，如 fig:network-topology、fig:algorithm-flow，避免写成 fig1、fig2。

---

三、子图布局：subfigure vs subcaption

当一篇论文需要并排多张相关图时，子图排版是最常见的需求。

3.1 推荐方案：subcaption 包

\usepackage{subcaption}

\begin{figure}[htbp]
  \centering
  \begin{subfigure}[b]{0.48\textwidth}
    \centering
    \input{figures/fig-undirected.tex}
    \caption{无向图}
    \label{fig:undirected}
  \end{subfigure}
  \hfill
  \begin{subfigure}[b]{0.48\textwidth}
    \centering
    \input{figures/fig-directed.tex}
    \caption{有向图}
    \label{fig:directed}
  \end{subfigure}
  \caption{两种图类型的对比示意}
  \label{fig:graph-comparison}
\end{figure}

关键参数说明：

• [b]{0.48\textwidth}：子图宽度设为正文宽度的 48%，两图之间用 \hfill 自动填充间距，比硬写 \quad 更灵活。
• 双栏文章中若图需要横跨双栏，用 figure* 环境，子图宽度改为 0.48\linewidth。

3.2 从 DrawFig 批量导出子图

如果几张子图属于同一个"系列"（如同一个图的不同状态），在 DrawFig 中可以建多个页面分别绘制，批量导出为独立 .tex 文件，再用上述方法组合——比在一个画布上挤多张图更好维护。

---

四、字体统一：TikZ 节点字体与文档主字体保持一致

这是最容易被忽视的一个问题。DrawFig 导出的 TikZ 代码中，节点文字默认使用当前字体，但如果你在导言区切换了字体（比如用了 \usepackage{times} 或 \usepackage{newtxtext}），节点文字可能不跟着变。 解决方法： 在 TikZ 图形的全局样式中设置字体继承：

% 在导言区或图形环境前添加
\tikzset{
  every node/.style={font=\normalfont\small}
}

或者更精细地为不同节点类型设置：

\tikzset{
  vertex/.style={
    circle, draw, minimum size=20pt,
    font=\small\sffamily  % 和标题字体族一致
  },
  edge label/.style={
    font=\footnotesize
  }
}

检验方式： 编译后放大 PDF 查看，图中节点文字与正文段落文字的字体是否视觉上一致。如有差异，说明字体设置还需要调整。

---

五、期刊模板适配：三大常见场景

5.1 双栏排版（IEEE/ACM）

双栏文章的正文宽度约为 \columnwidth（约 88mm），DrawFig 导出时建议将画布宽度控制在 80mm 以内，留出边距。 插入时指定宽度：

\begin{figure}[!t]
  \centering
  \resizebox{\columnwidth}{!}{\input{figures/fig-topology.tex}}
  \caption{网络拓扑示意图}
  \label{fig:topology}
\end{figure}

\resizebox{\columnwidth}{!}{...} 会按列宽等比缩放，适应不同模板，比硬写 scale=0.8 更通用。

5.2 横向大图（跨栏）

\begin{figure*}[!t]
  \centering
  \input{figures/fig-system-overview.tex}
  \caption{系统整体架构图}
  \label{fig:system}
\end{figure*}

figure* 环境会让图横跨双栏，适合系统架构图、完整算法流程图等宽图。注意：跨栏图只能出现在页面顶部或底部，[!t] 或 [!b] 参数是必须的。

5.3 Springer LNCS 模板

LNCS 模板对图题格式有特殊要求，图题字号为 9pt，标签用黑体"Fig. X."格式：

% LNCS 通常自带 caption 配置，不需要额外设置
% 但图宽度需要遵守单栏 \textwidth 约 122mm 的限制
\begin{figure}[htbp]
  \centering
  \includegraphics[width=0.9\textwidth]{figures/fig-graph.pdf}
  \caption{...}
\end{figure}

对于 LNCS，DrawFig 建议的工作流是：导出 TikZ → 编译为独立 PDF → 用 \includegraphics 插入，而不是直接 \input TikZ 代码。这样可以避免宏包冲突，也更稳定。 独立编译命令（使用 standalone 类）：

\documentclass[tikz,border=2mm]{standalone}
\usepackage{tikz}
\begin{document}
\input{fig-graph.tex}
\end{document}

编译后得到 fig-graph.pdf，直接插入主文档即可。

---

六、常见问题排查

问题	原因	解决方法
图形位置不对，总是跑到页尾	LaTeX 浮动体算法	加 [!h] 参数，或在导言区 \usepackage{float} 后用 [H]
节点文字溢出边框	节点 minimum width 不够	在 TikZ 样式中增大 minimum width 或 text width
导入 TikZ 后编译报错 Undefined control sequence	缺少 TikZ 库	在导言区添加所需库，如 \usetikzlibrary{arrows.meta, positioning}
图片过大，编译超慢	大型 TikZ 图形运算量大	用 standalone 独立编译为 PDF，再用 \includegraphics 插入
子图标签 (a)(b) 格式不符合期刊要求	期刊风格不同	用 subcaption 包的 \subcaptionbox 命令，并配置标签格式

---

总结

从 DrawFig 导出 TikZ 代码，只是学术绘图工作流的起点。真正让插图"发表级"的，是后续的：

1. 模块化管理：独立 .tex 文件 + \input 引用
2. 字体统一：TikZ 节点字体与文档主字体保持一致
3. 子图布局：subcaption 包 + 合理的宽度计算
4. 期刊适配：根据模板调整宽度、图题格式和编译方式

这套流程配合 DrawFig 的可视化编辑能力，可以把画一张论文插图的时间从小时级压缩到分钟级，同时确保输出质量完全符合期刊要求。

---

立即开始

想亲手试试从 DrawFig 导出 TikZ 代码，再套用本文的排版技巧？ 👉 打开 DrawFig 编辑器，免费开始绘图 无需安装，浏览器直接使用。画完即可一键导出 LaTeX-ready 的 TikZ 代码，贴进你的论文模板就能用。