如何生成图中的重复结构？

嘿，我来帮你搞定这个重复的对角线网格结构！这种看起来由交叉对角线组成的2D重复网格，本质上是基于菱形/正方形单元的平铺排列，核心就是让每个单元的两条对角线互相衔接，形成连续的交叉网络。下面我分几种实用的实现方式给你讲解：

1. 用Python + Matplotlib 快速生成可视化结构 #

如果你需要生成可调整的可视化图，用Python的Matplotlib库最方便，代码示例如下：

import matplotlib.pyplot as plt
import numpy as np

# 自定义网格参数
grid_rows_cols = 6  # 网格的总行/列数
cell_side_length = 1  # 每个单元的边长

# 创建画布并设置等比例显示
fig, ax = plt.subplots(figsize=(8, 8))
ax.set_aspect('equal')

# 可选：绘制浅灰色辅助网格线，方便定位
for i in range(grid_rows_cols + 1):
    ax.plot([0, grid_rows_cols*cell_side_length], [i*cell_side_length, i*cell_side_length], color='#eee', linestyle='--')
    ax.plot([i*cell_side_length, i*cell_side_length], [0, grid_rows_cols*cell_side_length], color='#eee', linestyle='--')

# 核心：遍历每个单元，绘制两条对角线
for x in range(grid_rows_cols):
    for y in range(grid_rows_cols):
        # 计算当前单元的四个顶点坐标
        top_left = (x*cell_side_length, y*cell_side_length)
        top_right = ((x+1)*cell_side_length, y*cell_side_length)
        bottom_right = ((x+1)*cell_side_length, (y+1)*cell_side_length)
        bottom_left = (x*cell_side_length, (y+1)*cell_side_length)
        
        # 绘制两条交叉对角线
        ax.plot([top_left[0], bottom_right[0]], [top_left[1], bottom_right[1]], color='black', linewidth=2)
        ax.plot([top_right[0], bottom_left[0]], [top_right[1], bottom_left[1]], color='black', linewidth=2)

# 隐藏坐标轴，让结构更清晰
ax.set_xticks([])
ax.set_yticks([])
plt.show()

你可以通过修改grid_rows_cols和cell_side_length来调整网格的大小和单元密度，运行后就能得到你要的那种对角线连接的重复结构。

2. 用CSS 实现网页端的重复网格 #

如果是要在网页上展示这个结构，用CSS背景渐变就能轻松实现，无需额外元素：

.diagonal-grid-container {
    width: 400px;
    height: 400px;
    background-color: #fff;
    /* 绘制45度和-45度的对角线线条 */
    background-image: 
        linear-gradient(45deg, #000 2px, transparent 2px),
        linear-gradient(-45deg, #000 2px, transparent 2px);
    /* 控制每个重复单元的大小 */
    background-size: 20px 20px;
    /* 调整第二条对角线的偏移，让它们在单元内交叉 */
    background-position: 0 0, 10px 0;
}

把这段CSS应用到一个容器元素上，就能看到完整的重复对角线网格，修改background-size可以调整单元大小，改变线条宽度只需要修改渐变里的2px数值即可。

3. 矢量绘图工具的快捷实现（Illustrator/Figma） #

如果你用的是矢量绘图工具，步骤更简单：

• 先画一个正方形，在内部画出两条交叉对角线
• 选中这个单元，用工具自带的「重复网格」/「网格重复」功能（比如Illustrator的Repeat Grid，Figma的Grid Layout）
• 调整行列数和间距，一键生成整个重复结构，还能随时修改原始单元的样式，所有重复元素会同步更新

不管用哪种方式，核心逻辑都是：先定义一个带交叉对角线的基础单元，再将这个单元在二维平面上平铺排列，让相邻单元的顶点对齐，这样对角线就会自然连接成连续的网格。

内容的提问来源于stack exchange，提问作者Wiz123