角度通知器 - Javascript

角度通知器是一个由Javascript编写的工具，可以帮助程序员轻松获取元素的旋转角度并在需要时进行通知。

功能特点

• 获取元素的旋转角度
• 在元素旋转时实时更新角度信息
• 可以在特定的角度值时触发自定义的回调函数

安装使用

安装：

npm install angle-notifier

使用：

// 引入AngleNotifier
import AngleNotifier from 'angle-notifier';

// 创建 AngleNotifier 实例
const notifier = new AngleNotifier();

// 设置需要获取角度的元素
const element = document.getElementById('rotate-element');
notifier.setElement(element);

// 获取角度信息
const angle = notifier.getAngle();

// 实时绑定回调函数
notifier.onChange((newAngle) => {
  // 在元素旋转时实时获取最新角度信息
  console.log(`New angle: ${newAngle}`);
});

// 触发指定角度值时的回调函数
notifier.onAngle(90, () => {
  alert('已经旋转至90度');
});

兼容性

• 支持现代浏览器（Chrome、Safari、Firefox、Edge）
• 不支持低版本Internet Explorer

API文档

setElement(element: HTMLElement)

设置需要获取角度的元素。

• element：HTMLElement类型的元素对象。

getAngle(): number

获取元素当前的旋转角度（单位：度数）。

onChange(callback: Function)

实时绑定回调函数来获取元素最新的旋转角度信息。

• callback：回调函数，接受一个参数angle，表示最新的旋转角度信息。

removeChangeHandler(): void

移除实时绑定的回调函数。

onAngle(angle: number, callback: Function)

在元素旋转至特定角度值时触发自定义的回调函数。

• angle：number类型的角度值。
• callback：回调函数，在元素旋转至指定角度时触发。

removeAngleHandler(angle: number): void

移除指定的角度值回调函数。

• angle：number类型的角度值。