我正在尝试转换图像 tikz 代码

Question

是否可以在 Tikz 中创建下面显示的图片？我对这个软件还不太熟悉，任何帮助都将不胜感激。

我从下面的代码开始

\documentclass[tikz, border=2mm]{standalone}
\usetikzlibrary{matrix}
\begin{document}
\begin{tikzpicture}
\matrix (a) [draw, matrix of math nodes, nodes={draw, anchor=center},
row sep=1mm, column sep=1mm]{%
\bullet & \bullet & \circ\\
\circ & \bullet & \circ\\
\circ & \circ & \bullet\\
};
\end{tikzpicture}
\end{document}

Answer 1

如果问题出在双边界节点，则可能的解决方案是使用label作为内部部分。

\documentclass[tikz, border=2mm]{standalone}
\usetikzlibrary{matrix}
\begin{document}
\begin{tikzpicture}[
    inner/.style={draw, fill=orange!40, minimum size=5mm},
    outer/.style={draw, fill=pink!40, minimum size=8mm}]
\matrix (a) [draw, matrix of math nodes, nodes={outer, anchor=center},
row sep=1mm, column sep=1mm]{%
|[label={[inner]center:\bullet}]| & |[label={[inner]center:\bullet}]| & |[label={[inner]center:\circ}]|\\
|[label={[inner]center:\circ}]| & |[label={[inner]center:\bullet}]| & |[label={[inner]center:\circ}]|\\
|[label={[inner]center:\circ}]| & |[label={[inner]center:\circ}]| & |[label={[inner]center:\bullet}]|\\
};
\end{tikzpicture}
\end{document}