将图像内的坐标转换为图形

Question

我想根据光标的坐标旋转图像。 但是我希望它在(e.g. x: 0 y: 100)的左侧时向左旋转更多。

如您所见，x坐标为0，在右侧为x: 970。

这是我的代码：

exampleImage.style.transform = 'rotate3d(1,0,0,' + x + 'deg) rotate3d(0,1,0,' + y + 'deg)';

因此，当我的鼠标在左侧时，它几乎不会旋转，而在右侧时，它将旋转。

我正在考虑的是将485（一半）下的坐标转换为负数，这样您将得到类似图形-485 0 485（见图）的图片。

当前它是这样的：

我尝试过的事情是：

var x = x < 485 ? -x / 35 : x / 35;（仅用于使旋转角度不太极端）。

var x = x < 485 ? x - 970 / 35 : x / 35;

我知道我的问题可能有点奇怪，如果您不明白，请告知。