学忠

V1

2022/05/20阅读:28主题:红绯

Tikz教程:pic 的用法示例

Tikz教程:pic 的用法示例

在网上看到下面这样一幅图形,好奇如何使用Tikz画出它?

这幅图形看起来非常复杂,线条和长方形非常多,似乎作图难度很大。然而,仔细观察发现图形的主体不过是左上角的图案的平铺。

作图思路: 使用小图(small pictures——pics)的平铺绘制主体图形,使用平移绘制周围的小长方形,使用nodepin标注文字说明。

作图步骤

  1. 绘制小图:
\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);
   }
}

得到下面的图案:

  1. 计算小图平铺点阵的坐标:
  1. 将小图安排在四行四列的点上,使其正确平铺出整个主体图案:
  1. 画出周围的小长方形,以及文字标注,得到全图:

完整代码

\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 交流微信群。

更多学习资源,欢迎扫码关注公众号:

分类:

数学

标签:

数学编程

作者介绍

学忠
V1

大学数学老师