javascript - 使用 JavaScript 和 Canvas 绘制一条跟随鼠标指针的 Ant 线

Question

如果这是将此问题发布到的错误溢出，我们深表歉意。

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

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

Ant 线就像虚线，虚线在旋转。

Answer 1

跟随鼠标将点扔到点数组中(将它们分成代表虚线的线段)并跟随这些点在 Canvas 上绘制线段。如果您希望点的某些部分是透明的，只需应用一种涂料，将每个交替点段的线条颜色设置为透明。将绘图方法置于超时动画中，该动画交换透明颜料的顺序，瞧。

This tutorial应该会给你一些关于如何划定界限的想法。