javascript - 在javascript中创建两个或多个数组点之间的线 - ReactJS

Question

喂？我有个疑问

我有一个包含 24 个数字的数组：

const array = [1,2,3,4,5,6,7,8,9,10...]

例如，如何在数组 1、2、4 和 5 之间画一条线？

它被渲染为“矩阵”，我想让这条线穿过矩阵

我的“矩阵”示例：

“矩阵”

1,2,3,4,5
6,7,8,9,10
11,12,13,14,15

从1开始，经过7、8、13、14、15他们会怎么做呢？我不知道。

我想做这样的事情：

Answer 1

假设您有具有相同元素的矩阵，我会尝试计算该矩阵的总宽度和高度，然后添加覆盖画布，并开始在其上绘制。有一个
快速信息如何在反应中使用画布进行绘制。

知道矩阵中每个元素的大小，这应该很容易计算坐标。例如。

如果您计算的面积是 250x150 并且您有 5x3 矩阵，则元素是 50x50。连接示例中的元素 1,2,9 将为您提供 (0, 0), (50, 0), (150, 50)。如果线应该锚定在元素的中间，只需添加等于元素大小一半的偏移量。