如何绘制带有空分数的矩形？

Question 1

我们可以定义一个绘制矩形的宏\fracrect。命令是

\fracrect[tikz options]{numerator}{denominator}

例如，\fracrect[xscale=4]{9}{12}将类似于您的第二个分割矩形。您可以将其中两个（或更多）放在矩阵中以获得矩形。

第二个宏\emptyfrac用空框绘制分数。

\documentclass{article}

\usepackage{tikz,amsmath}

\newcommand{\fracrect}[3][]{\tikz[baseline, #1]{
    \foreach \n in {1,...,#2}{\draw[thick, fill=orange!70] ({(\n-1)/#3},0) rectangle (\n/#3,1);}
    \foreach \n in {#2,...,#3} {\draw[thick] ({(\n-1)/#3},0) rectangle (\n/#3,1);}}}
\newcommand{\emptyfrac}[1][]{\tikz[baseline=-.6ex,#1]{\draw (0,0)--
    node[above=1pt, fill=brown!20, minimum size=5mm]{}
    node[below=1pt, fill=brown!20, minimum size=5mm]{}(.5,0);}}

\begin{document}
\[
\begin{matrix}\fracrect[xscale=4]{3}{4}\\ \fracrect[xscale=4]{9}{12}\end{matrix}
\hspace{1cm}\emptyfrac=\emptyfrac 
\]
\end{document}

Answer

我们可以定义一个绘制矩形的宏\fracrect。命令是

\fracrect[tikz options]{numerator}{denominator}

例如，\fracrect[xscale=4]{9}{12}将类似于您的第二个分割矩形。您可以将其中两个（或更多）放在矩阵中以获得矩形。

第二个宏\emptyfrac用空框绘制分数。

\documentclass{article}

\usepackage{tikz,amsmath}

\newcommand{\fracrect}[3][]{\tikz[baseline, #1]{
    \foreach \n in {1,...,#2}{\draw[thick, fill=orange!70] ({(\n-1)/#3},0) rectangle (\n/#3,1);}
    \foreach \n in {#2,...,#3} {\draw[thick] ({(\n-1)/#3},0) rectangle (\n/#3,1);}}}
\newcommand{\emptyfrac}[1][]{\tikz[baseline=-.6ex,#1]{\draw (0,0)--
    node[above=1pt, fill=brown!20, minimum size=5mm]{}
    node[below=1pt, fill=brown!20, minimum size=5mm]{}(.5,0);}}

\begin{document}
\[
\begin{matrix}\fracrect[xscale=4]{3}{4}\\ \fracrect[xscale=4]{9}{12}\end{matrix}
\hspace{1cm}\emptyfrac=\emptyfrac 
\]
\end{document}

Question 2

使用矩形节点添加另一个解决方案，并将所有内容放在可以通过命令绘制的单个 tikzpicture 中（例如\fracrect{3}{7}{6}{14}）。

\documentclass{article}
\usepackage{tikz}
\newcommand{\fracrect}[4]{
\begin{tikzpicture}
\begin{scope}
\coordinate (a) (0,0);
\foreach \n [count=\i] in {1,...,#2}
\node (a) [anchor=west,minimum height=2cm,minimum width=8cm/#2,draw,fill={\ifnum\i>#1 none\else orange!70\fi},right=-1.5pt,line width=1.5pt] at (a.east) {};
\end{scope}
\begin{scope}[yshift=-2.5cm]
\coordinate (b) (0,0);
\foreach \n [count=\i] in {1,...,#4}
\node (b) [anchor=west,minimum height=2cm,minimum width=8cm/#4,draw,fill={\ifnum\i>#3 none\else orange!70\fi},right=-1.5pt,line width=1.5pt] at (b.east) {};
\end{scope}
\begin{scope}[shift={(9cm,-1.25cm)}]
\draw [line width=1.5pt] (0,0)--
node[above=2pt, fill=brown!20, minimum size=1cm]{} node[below=2pt, fill=brown!20, minimum size=1cm]{} +(1,0);
\node (eq) [inner sep=0pt,minimum width =0.5cm,right=0.25cm] at (1,0) {\Large\textbf{=}};
\draw [line width=1.5pt] ([right=0.25cm]eq.east)--
node[above=2pt, fill=brown!20, minimum size=1cm]{} node[below=2pt, fill=brown!20, minimum size=1cm]{} +(1,0);
\end{scope}
\end{tikzpicture}
}
\begin{document}
\fracrect{3}{7}{6}{14}
\end{document}

Answer

使用矩形节点添加另一个解决方案，并将所有内容放在可以通过命令绘制的单个 tikzpicture 中（例如\fracrect{3}{7}{6}{14}）。

\documentclass{article}
\usepackage{tikz}
\newcommand{\fracrect}[4]{
\begin{tikzpicture}
\begin{scope}
\coordinate (a) (0,0);
\foreach \n [count=\i] in {1,...,#2}
\node (a) [anchor=west,minimum height=2cm,minimum width=8cm/#2,draw,fill={\ifnum\i>#1 none\else orange!70\fi},right=-1.5pt,line width=1.5pt] at (a.east) {};
\end{scope}
\begin{scope}[yshift=-2.5cm]
\coordinate (b) (0,0);
\foreach \n [count=\i] in {1,...,#4}
\node (b) [anchor=west,minimum height=2cm,minimum width=8cm/#4,draw,fill={\ifnum\i>#3 none\else orange!70\fi},right=-1.5pt,line width=1.5pt] at (b.east) {};
\end{scope}
\begin{scope}[shift={(9cm,-1.25cm)}]
\draw [line width=1.5pt] (0,0)--
node[above=2pt, fill=brown!20, minimum size=1cm]{} node[below=2pt, fill=brown!20, minimum size=1cm]{} +(1,0);
\node (eq) [inner sep=0pt,minimum width =0.5cm,right=0.25cm] at (1,0) {\Large\textbf{=}};
\draw [line width=1.5pt] ([right=0.25cm]eq.east)--
node[above=2pt, fill=brown!20, minimum size=1cm]{} node[below=2pt, fill=brown!20, minimum size=1cm]{} +(1,0);
\end{scope}
\end{tikzpicture}
}
\begin{document}
\fracrect{3}{7}{6}{14}
\end{document}

Question 3

画图的方法有很多种，这里我使用grid相关的xstep和yscale来画图的左边部分，用一些pics来画图的右边部分。

\documentclass[tikz,border=5mm]{standalone}
\begin{document}
\begin{tikzpicture}[yscale=1.2,thick]
% the left part
\def\a{.1}    % for shifting up and down
\begin{scope}[shift={(0,\a)}]
\fill[orange!80](0,0) rectangle (3,1);  
\draw[xstep=1] (0,0) grid (4,1);
\end{scope}     
\begin{scope}[shift={(0,-1-\a)}]
\fill[orange!80](0,0) rectangle (3,1);  
\draw[xstep=1/3] (0,0) grid (4,1);
\end{scope}

% the right part
\tikzset{myfrac/.pic={
\fill[yellow!50] (-.3,-.6) rectangle (.3,.6);
\draw[white,double=black,line width=1mm] (-.3,0)--(.3,0);
}}
\def\b{5.5}     % for shifting to the right
\begin{scope}[shift={(\b,0)}]
\path 
(-.5,0) pic{myfrac}
(0,0)   node{=}
(.5,0)  pic{myfrac};
\end{scope}
\end{tikzpicture}
\end{document}

我建议阅读并练习TikZ 和 PGF 手册；例如，double可以在第 178 页找到该选项，15.3.4 图形参数：双线和边框线。

Answer

画图的方法有很多种，这里我使用grid相关的xstep和yscale来画图的左边部分，用一些pics来画图的右边部分。

\documentclass[tikz,border=5mm]{standalone}
\begin{document}
\begin{tikzpicture}[yscale=1.2,thick]
% the left part
\def\a{.1}    % for shifting up and down
\begin{scope}[shift={(0,\a)}]
\fill[orange!80](0,0) rectangle (3,1);  
\draw[xstep=1] (0,0) grid (4,1);
\end{scope}     
\begin{scope}[shift={(0,-1-\a)}]
\fill[orange!80](0,0) rectangle (3,1);  
\draw[xstep=1/3] (0,0) grid (4,1);
\end{scope}

% the right part
\tikzset{myfrac/.pic={
\fill[yellow!50] (-.3,-.6) rectangle (.3,.6);
\draw[white,double=black,line width=1mm] (-.3,0)--(.3,0);
}}
\def\b{5.5}     % for shifting to the right
\begin{scope}[shift={(\b,0)}]
\path 
(-.5,0) pic{myfrac}
(0,0)   node{=}
(.5,0)  pic{myfrac};
\end{scope}
\end{tikzpicture}
\end{document}

我建议阅读并练习TikZ 和 PGF 手册；例如，double可以在第 178 页找到该选项，15.3.4 图形参数：双线和边框线。

如何绘制带有空分数的矩形？

答案1

答案2

答案3

相关内容