怎么让跟着鼠标移动的图片根据鼠标左右移动方向翻转呢

根据js实现图片跟着鼠标移动的案例，我想做个小人侧着走路的动态图🚶
就是怎么实现：鼠标向左小人是向左的，鼠标向右小人也向右（就是图片水平翻转过来）

监听鼠标移动事件中Event对象的movementX属性，通过该属性就能判断你鼠标是向左移动还是向右移动，然后根据它控制图片的css即可（通过transform: rotateY(180deg)能设置图片水平翻转）

 // 定义鼠标事件处理函数
document.addEventListener('mousemove', function (e) {
      // 鼠标向左移动e.movementX为-1
      // 鼠标向右移动e.movementX为1
      // 鼠标垂直方向移动e.movementX为0
      // 根据e.movementX的值设置图片的css
      // transform: rotateY(180deg); // 水平镜像翻转
     console.log(e.movementX);
})