在网上看到下面这样一幅图形,好奇如何使用Tikz
画出它?
这幅图形看起来非常复杂,线条和长方形非常多,似乎作图难度很大。然而,仔细观察发现图形的主体不过是左上角的图案的平铺。
作图思路: 使用小图(small pictures——pics
)的平铺绘制主体图形,使用平移绘制周围的小长方形,使用node
和pin
标注文字说明。
作图步骤
- 绘制小图:
\tikzset{
cell/.pic={
\node at(0,0){\large CLB};
\draw [very thick](-0.7,-0.7)rectangle(0.7,0.7);
\draw (-0.9,-0.9)rectangle(0.9,0.9);
\draw (-1.1,-1.1)rectangle(1.1,1.1);
\draw (-1.3,-1.3)rectangle(1.3,1.3);
\draw (-1.5,-1.5)rectangle(1.5,1.5);
\draw [fill=yellow!20,very thick](-1.6,-1.6)rectangle(-0.8,-0.8);
\draw [fill=yellow!20,very thick](-1.6,0.8)rectangle(-0.8,1.6);
\draw [fill=yellow!20,very thick](0.8,0.8)rectangle(1.6,1.6);
\draw [fill=yellow!20,very thick](0.8,-1.6)rectangle(1.6,-0.8);
}
}
得到下面的图案:
- 计算小图平铺点阵的坐标:
- 将小图安排在四行四列的点上,使其正确平铺出整个主体图案:
- 画出周围的小长方形,以及文字标注,得到全图:
完整代码
\begin{tikzpicture}[font=\footnotesize,pin distance=1.8cm]
\foreach \i in {0,2.4,4.8,7.2}{
\foreach \j in {0,2.4,4.8,7.2}\draw (\i,\j)pic{cell};
}
\draw [help lines, step=0.2,color=red!20](-4,-3.5)grid(11.3,12);
\foreach \i in{0,2.4,4.8,7.2}{
\foreach \j in {0,-11.8}{
\draw [very thick,xshift=\i cm,yshift= \j cm](-0.5,9.1)rectangle(-0.2,9.8);
\draw [very thick,xshift=\i cm,yshift= \j cm](0.5,9.1)rectangle(0.2,9.8);
}
}
\foreach \i in {0,11.8}{
\foreach \j in {0,2.4,4.8,7.2}{
\draw [very thick, xshift = \i cm,yshift=\j cm](-1.9,-0.5)rectangle(-2.6,-0.2);
\draw [very thick, xshift = \i cm,yshift=\j cm](-1.9,0.2)rectangle(-2.6,0.5);
}
}
\node at (-0.2,6.8)[pin = 140:可编程逻辑单元]{};
\node at (8.3,8.3)[pin = 60:互连资源]{};
\node at (-0.5,9.3)[pin = 100:可编程输入输出(I/O)]{};
\end{tikzpicture}
今天的介绍就到这里,喜欢的话欢迎点击下方“在看”分享出去,谢谢啦!
【LaTeX微信交流加群:】
如果你希望交流LaTeX
使用或者TikZ
作图或者Beamer
制作幻灯片方面的问题,请先添加作者微信:niltxz
,然后加入作者的LaTeX+TikZ+Beamer
交流微信群。
更多学习资源,欢迎扫码关注公众号: