如何保存x和y坐标在div背景图的百分比

如果你想要保存鼠标在div背景图中的位置百分比，你可以通过计算鼠标在div中的坐标，然后将其转换为相对于背景图的百分比位置来实现。

首先，你需要通过鼠标事件获取鼠标在div中的坐标，可以使用以下代码：

var mouseX = event.clientX - div.offsetLeft;
var mouseY = event.clientY - div.offsetTop;

其中，event.clientX和event.clientY表示鼠标相对于窗口的位置，div.offsetLeft和div.offsetTop表示div相对于窗口的位置。

然后，你可以通过计算鼠标在div中的坐标占div宽高的比例，得到其在div背景图中的百分比位置，例如：

var bgX = (mouseX / div.offsetWidth) * 100;
var bgY = (mouseY / div.offsetHeight) * 100;

最后，你可以将bgX和bgY的值保存下来，或者将其应用到div的背景图片上，例如：

div.style.backgroundPosition = bgX + '% ' + bgY + '%';

这将把背景图片的位置设置为鼠标在div中的位置百分比。