绘图软件

不怕麻烦可以试试 Tikz，大概让 GPT 配合整了一下。

\documentclass[tikz,border=2mm]{standalone}
\usetikzlibrary{shapes.geometric, arrows, fit, positioning,calc}
\begin{document}
\begin{tikzpicture}[font=\small]

% Ethernet II Frame
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30] (dmac1) {DMAC (6 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30, right=0cm of dmac1] (smac1) {SMAC (6 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!60, right=0cm of smac1] (type1) {Type (2 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=11cm, fill=cyan!30, right=0cm of type1] (data1) {Data (46-1500 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, right=0cm of data1] (fcs1) {FCS (4 B)};
\node[anchor=east, left=0.5cm of dmac1] (ethernetii) {Ethernet II};

% IEEE 802.3 Frame
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30, below=1.5cm of dmac1] (dmac2) {DMAC (6 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30, right=0cm of dmac2] (smac2) {SMAC (6 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!60, right=0cm of smac2] (length) {Length (2 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!60, right=0cm of length] (llc) {LLC (3 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=5cm, fill=cyan!60, right=0cm of llc] (snap) {SNAP (5 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30, right=0cm of snap] (data2) {Data (38-1492 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, right=0cm of data2] (fcs2) {FCS (4 B)};
\node[anchor=east, left=0.5cm of dmac2] (ieee8023) {IEEE 802.3};

% SNAP Fields Breakdown
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, below=2cm of llc.west, anchor=west] (dsap) {D.SAP (1 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, right=0cm of dsap] (ssap) {S.SAP (1 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, right=0cm of ssap] (control) {Control (1 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=3cm, fill=cyan!30, right=2cm of control] (org) {Org Code (3 B)};
\node[draw, rectangle, minimum height=1cm, minimum width=2cm, fill=cyan!30, right=0cm of org] (type2) {Type (2 B)};

% Vertical alignment lines
\draw[dashed] (llc.north west) -- (data1.south west);
\draw[dashed] (data2.north east) -- (data1.south east);

% Arrows with 46-1500B label
\draw[<->, thick] ($(llc.north west)!0.5!(data1.south west)$) -- ($(data2.north east)!0.5!(data1.south east)$) node[midway, fill=white, inner sep=1pt] {46-1500 B};

% Fit boxes for IEEE 802.3 breakdown
\node[draw, dashed, inner sep=2mm, fit={(dsap) (type2)}] (snapfit) {};

% Additional dashed lines for SNAP fit
\draw[dashed] (llc.south west) -- (snapfit.north west);
\draw[dashed] (snap.south east) -- (snapfit.north east);

\end{tikzpicture}
\end{document}

这么复杂的图形怎么用代码绘制呀……

mermaid 也只能绘制一个简单的流程图吧。感觉复杂排版还是得请出专业工具

这个画的确实很棒欸……现在 latex 是不是什么都能做了/笑

不过为了画这张图感觉这样挺吃力的……

那看来还是去用一些在线画图工具然后截图这样子了