巧妙实现元素背景图平移和缩放，摆脱(0,0)缩放中心限制
本文将详细讲解如何灵活控制元素背景图的平移和缩放，并解决缩放中心点始终位于(0,0)的常见难题。许多开发者在处理背景图变换时，常常遇到缩放中心固定不变的问题，导致缩放效果不尽如人意。本文提供了一种巧妙的解决方案，结合平移操作，使背景图的缩放中心能够动态跟随鼠标位置变化。
问题：使用mousedown、mousemove、mouseup和wheel事件监听元素操作，实现背景图平移和缩放。平移功能已实现，但缩放中心点始终固定在(0,0)，无法根据鼠标位置调整。尝试修改background-position未能解决问题。
解决方案：使用JavaScript代码实现背景图的平移和缩放，并动态调整background-position，使缩放中心点跟随鼠标位置。
代码示例：
背景图平移缩放
@@##@@
请将代码中的 "图片地址" 替换为你的图片路径。这段代码通过监听鼠标滚轮和拖拽事件，实现背景图的缩放和平移，并巧妙地解决了缩放中心点问题，使缩放中心跟随鼠标位置动态变化，提供更灵活的图片操控体验。
