蓝紫™
DDZEB 完全自主知识产权图形图像开发平台
开放源码 免费使用 在线运行
为程序提供鼠标交互支持,简单好用的集成体验。
文件语言大小版本开发者最后更新
lands/mouse productionJavaScript1.4KBv1.0.0YB2024-10-16查看
lands/mouse source codeJavaScript5.5KBv1.0.0YB2024-10-16查看
一、简要介绍 二、接口属性 二、接口事件一、简要介绍

我们的鼠标支持基本上是基于 gesture 的设计思路,让我们在处理鼠标悬停、按压划动以及点击等事件的时候能更加简单。我们可以对一个 canvas 进行多次鼠标绑定,每次返回的都是同一个对象。另外,mouse 对象没有接口方法,主要是提供属性以及事件。

交互式画布
鼠标交互示例:交互式画布
二、接口属性
  • flipy:bool,缺省为 false,可以将其设置为 true 以便使 y 方向坐标垂直翻转;
  • down:bool,鼠标是否按下;
  • move:bool,鼠标是否按下并移动;
  • amid:bool,鼠标是否在画布区域内;
  • hitx、hity:number,鼠标按下时的坐标;
  • curx、cury:number,鼠标当前坐标;
  • oldx、oldy:number,鼠标之前的坐标。三、接口事件 3.1、onhover(curx, cury)

    鼠标悬停事件,当鼠标移出画布区域的时候,curx 以及 cury 均为 undefined。

    3.2、ontouch(curx, cury, oldx, oldy)

    鼠标按压划动事件,指鼠标按下并移动。当鼠标刚按下没有移动的时候,oldx 以及 oldy 为 undefined,当鼠标完成划动抬起的时候,所有参数均为 undefined。

    3.3、onclick(curx, cury, down)

    鼠标点击事件,down 表达出是按下还是抬起。