无需登录 数据私有 本地保存

手势定制动作识别器 - 录制鼠标手势并绑定

17
0
0
0

手势定制动作识别器

录制鼠标手势，绑定自定义动作，智能识别匹配

在此区域按住鼠标左键绘制手势
方向序列：-- 采样点：0
已保存的手势

还没有保存的手势

在画布上绘制手势，录制并保存

常见问题与知识点

鼠标手势识别是一种通过分析鼠标移动轨迹来触发特定命令的技术。用户按住鼠标按钮绘制一个形状（如直线、L形、圆形等），系统将轨迹转换为方向序列，与预设的手势模板进行匹配，匹配成功后执行绑定的动作。这种交互方式起源于Opera浏览器，现已广泛应用于各类效率工具中。

本工具使用8方向链码算法：首先对鼠标移动轨迹进行采样，计算相邻采样点之间的方向（右、右上、上、左上、左、左下、下、右下共8个方向），形成方向序列。然后通过Levenshtein编辑距离计算用户绘制手势与已保存手势模板的相似度，相似度超过60%即判定为匹配成功。这种方法对绘制速度和缩放变化具有较好的容错性。

切换到录制模式，在画布区域按住鼠标左键绘制手势形状，松开鼠标后弹出配置窗口。为手势命名，选择要绑定的动作类型（导航、滚动、页面操作、打开URL或自定义JS代码），然后保存即可。手势数据存储在浏览器的LocalStorage中，不会丢失。建议使用清晰、有区分度的手势形状以提高识别准确率。

支持的动作包括：导航类（浏览器前进/后退）、滚动类（滚动到页面顶部/底部）、页面操作类（刷新页面、全屏切换、打印页面）、打开URL（跳转到指定网址）、自定义JavaScript（执行任意JS代码）。在测试模式下，匹配成功的手势会立即触发对应动作，让您直观感受手势识别的效果。

提高识别率的技巧：①绘制清晰的方向转折，避免模糊的曲线；②保持适中的绘制速度，过快或过慢都可能影响采样质量；③手势之间要有足够的区分度，避免多个手势的方向序列过于相似；④利用预设模板作为参考，了解标准手势的绘制方式；⑤在录制时尽量保持手势的一致性，多次练习同一手势的绘制方式。

开启全局手势开关后，您可以在页面任意位置按住鼠标右键拖拽来绘制手势（会阻止右键菜单）。松手后系统自动识别手势并触发对应动作。该功能使用覆盖层Canvas实现，支持在工具页面全局范围内使用。注意：部分浏览器可能会限制某些动作（如关闭窗口），请根据实际情况使用。

所有手势数据保存在浏览器的LocalStorage中，数据不会自动过期。您可以使用导出按钮将所有手势配置导出为JSON文件进行备份，也可以使用导入按钮加载之前导出的配置。这方便在不同浏览器或设备间迁移手势设置。清除浏览器缓存时请注意备份数据。
🔧 相关工具