Chinese character

% !TeX encoding = UTF-8
% !TeX program  = XeLaTeX


%
% https://zhuanlan.zhihu.com/p/68609133
%


\documentclass[10pt, a4paper]{article}

\usepackage{xeCJK}

\usepackage{xpinyin}
\xpinyinsetup{ratio = 0.7}

\usepackage{tikz}
% \usetikzlibrary{calc}


\begin{document}

\section{识字}

\subsection*{1 春夏秋冬}

\begin{center}

\begin{tikzpicture}
    \coordinate (A) at (   0, 0);
    \coordinate (B) at ( 1.4, 0);
    \coordinate (C) at ( 2.8 + 0.49, 0);
    \coordinate (D) at ( 4.2 + 0.49, 0);
    \coordinate (E) at ( 5.6 + 0.98, 0);
    \coordinate (F) at ( 7.0 + 0.98, 0);
    \coordinate (G) at ( 8.4 + 1.47, 0);
    \coordinate (H) at ( 9.8 + 1.47, 0);
    \coordinate (I) at (11.2 + 1.96, 0);
    \coordinate (J) at (12.6 + 1.96, 0);

    \draw (A) node{\Huge 春};
    \draw (B) node{\Huge 雨};
    \draw (C) node{\Huge 春};
    \draw (D) node{\Huge 风};
    \draw (E) node{\Huge 春};
    \draw (F) node{\Huge 天};
    \draw (G) node{\Huge 春};
    \draw (H) node{\Huge 日};
    \draw (I) node{\Huge 冬};
    \draw (J) node{\Huge 天};

    \draw (A) ++ (0, 1) node{\large\pinyin{chun1}};
    \draw (B) ++ (0, 1) node{\large\pinyin{yu3}};
    \draw (C) ++ (0, 1) node{\large\pinyin{chun1}};
    \draw (D) ++ (0, 1) node{\large\pinyin{feng1}};
    \draw (E) ++ (0, 1) node{\large\pinyin{chun1}};
    \draw (F) ++ (0, 1) node{\large\pinyin{tian1}};
    \draw (G) ++ (0, 1) node{\large\pinyin{chun1}};
    \draw (H) ++ (0, 1) node{\large\pinyin{ri4}};
    \draw (I) ++ (0, 1) node{\large\pinyin{dong1}};
    \draw (J) ++ (0, 1) node{\large\pinyin{tian1}};

    \foreach \i in {A, B, C, D, E, F, G, H, I, J} {
        \draw (\i) ++ (-0.7, -0.7) rectangle ++ (1.4, 1.4);
        \draw[dashed, gray](\i) -- +(-0.7, 0);
        \draw[dashed, gray](\i) -- +(+0.7, 0);
        \draw[dashed, gray](\i) -- +(0, -0.7);
        \draw[dashed, gray](\i) -- +(0, +0.7);
    }
\end{tikzpicture}

\begin{tikzpicture}
    \coordinate (A) at (0, 0);
    \coordinate (B) at (1.4,0);
    \coordinate (C) at (2.8 + 0.49, 0);
    \coordinate (D) at (4.2 + 0.49, 0);
    \coordinate (E) at (5.6 + 0.98, 0);
    \coordinate (F) at (7.0 + 0.98, 0);
    \coordinate (G) at (8.4 + 1.47, 0);
    \coordinate (H) at (9.8 + 1.47, 0);
    \coordinate (I) at (11.2 + 1.96, 0);
    \coordinate (J) at (12.6 + 1.96, 0);

    \draw (A) ++ (0, 1) node{\large\pinyin{li4}};
    \draw (B) ++ (0, 1) node{\large\pinyin{dong1}};
    \draw (C) ++ (0, 1) node{\large\pinyin{dong1}};
    \draw (D) ++ (0, 1) node{\large\pinyin{ri4}};
    \draw (E) ++ (0, 1) node{\large\pinyin{dong1}};
    \draw (F) ++ (0, 1) node{\large\pinyin{xue3}};
    \draw (G) ++ (0, 1) node{\large\pinyin{da4}};
    \draw (H) ++ (0, 1) node{\large\pinyin{xue3}};
    \draw (I) ++ (0, 1) node{\large\pinyin{feng1}};
    \draw (J) ++ (0, 1) node{\large\pinyin{xue3}};

    \foreach \i in {A, B, C, D, E, F, G, H, I, J} {
        \draw (\i) ++ (-0.7,-0.7) rectangle ++ (1.4,1.4);
        \draw[dashed, gray] (\i) -- +(-0.7,0 );
        \draw[dashed, gray] (\i) -- +(+0.7,0 );
        \draw[dashed, gray] (\i) -- +( 0,-0.7);
        \draw[dashed, gray] (\i) -- +( 0,+0.7);
    }
\end{tikzpicture}

\end{center}


\end{document}