@a417420427/use-mouse-distance 中文文档教程

发布于 3年前 浏览 22 项目主页 更新于 3年前

a hook of mouse state by listen mouse event

使用

import { useCallback } from 'react';
import { initialMouseState, useMouseState } from './src';

const Sample = () => {
  const [mouseState, setMouseState] = useMouseState(document.body);
  const resetState = useCallback(() => {
    setMouseState(initialMouseState);
  }, [setMouseState]);
  return (
    <div className="mouse-state">
      <button onClick={resetState}>重置</button>
      <div className="moveX">x轴方向的移动距离,初始为0: {mouseState.moveX}</div>
      <div className="moveX">y轴方向的移动距离,初始为0: {mouseState.moveY}</div>
      <div className="moveX">放大倍数,初始值为1: {mouseState.scale}</div>
      <div className="moveX">旋转角度,初始为0: {mouseState.rotation}</div>
    </div>
  );
};
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文