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

Question

道歉，如果这是错误的溢出，请将此问题发布到。

我曾认为游戏有一定的控制力。您选择一个单位，然后拖动鼠标。在拖动时，会从单位显示一条蚂蚁线到鼠标指针所在的位置。然后当你松开鼠标按钮时，你告诉那个单位去那个位置。

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

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

Answer 1

按照鼠标左右将点投射到点阵列中（将它们分成代表虚线的线段），然后在这些点之后将线段绘制到画布上。如果您希望某些部分的点是透明的，只需应用一个颜色，将每个备用点的线颜色设置为透明。让绘图方法坐在Timeout动画中，交换透明绘画的顺序和瞧。

This tutorial应该就如何画线提供一些想法。