使用 JavaScript 和 Canvas 绘制一条跟随鼠标指针的蚂蚁线

Question

抱歉，如果将此问题发布到错误的溢出。

有一次我认为对游戏有一定的控制力。您选择一个单位，然后拖动鼠标。当您拖动时，从单元到鼠标指针所在的位置会显示一条蚂蚁线。然后，当您释放鼠标按钮时，您就是在告诉该单元到那个位置。

现在可以使用 JavaScript 和画布来完成吗？

蚂蚁线就像一条虚线，虚线在旋转。

Answer 1

跟随鼠标将点扔到一个点数组中（将它们分成代表虚线的段），然后在这些点之后的画布上绘制线段。如果您希望点的某些部分是透明的，只需应用一种将线颜色设置为每个备用点段透明的油漆。让绘图方法坐在一个超时动画中，交换透明油漆的顺序，瞧。

This tutorial 应该会给你一些关于如何画线的想法。