在JavaScript中，你可以使用Canvas API来让一个物体按照数组给定的点来运动。以下是一个简单的例子：

```javascript // 获取canvas元素 var canvas = document.getElementById('myCanvas');

// 获取canvas上下文 var ctx = canvas.getContext('2d');

// 定义你的数组 var points = [0, 0, 10, 0, 10];

// 创建一个画布对象 var shape = new shapes.Line2D(); shape.position.set(points[0], points[1]); shape.direction.set(points[2], points[3]);

// 将画布对象添加到canvas上 ctx.add(shape);

// 让画布对象沿指定方向移动 shape.move(50, 50);

// 获取画布上的所有坐标 var coordinates = shape.getCoordinates();

// 显示画布上的所有坐标 for (var i = 0; i < coordinates.length; i++) { console.log('x坐标: ' + coordinates[i][0]); console.log('y坐标: ' + coordinates[i][1]); }

// 清除画布上的所有坐标 shape.remove(); ```

在这个例子中，我们首先获取了canvas元素和canvas上下文。然后，我们定义了一个名为Line2D的形状对象，它的position属性表示起点，direction属性表示方向。我们创建了一个画布对象，并将这个形状对象添加到canvas上。

然后，我们使用move方法将画布对象沿指定的方向移动50个像素。这个方法接受两个参数，第一个参数是移动的距离，第二个参数是移动的方向（这里是move方法本身，不包括方向的参数）。

最后，我们获取了画布上的所有坐标，这些坐标包括起点和终点的坐标。然后，我们遍历这些坐标，并在控制台打印出每个坐标的位置。

注意，这个例子假设你的坐标数组points是一个数组，其中每个元素都表示一个点的坐标。如果你的坐标数组格式不同，你可能需要进行相应的修改。例如，如果你的坐标数组是字符串格式，你可能需要将它们转换为数组，或者在move方法中进行相应的处理。