封装一个组件生成坐标系

Question

问题遇到的现象和发生背景

背景：vue2+ts
开发的时候有一个业务场景是要封装一个组件接受row和columu 然后生成一个类似坐标系的东西 像这样

接着用鼠标连接各个点位 然后保存 有点像手势解锁 希望可以提供一点思路

Answer 1

mousedown、mouseup、在鼠标满足按下并且位置在其中一个点位的时候保存坐标点（在这之前可以看看保存的上一个点与这个点之间有没有之间点，也可以保存下来）。