假设我有一个基本上是2D地图的图像元素，并且我在其上应用了以下CSS转换（使用jQuery）：
$('#img').parent().css("perspective","696px");
$('#img').css("transform","rotateX(59deg) rotateY(2deg) rotateZ(-41deg)");
我应用这个转换来获得2D图像的“假视角”效果，现在我有一组坐标映射到这个图像中，指向其中的X，Y位置
我想知道的是，如果有任何技巧或方法可以计算出每次转换的“新”X，Y位置
只是为了澄清，我不了解计算机图形学理论，我只是试图开发这个概念证明，并试图找到给这个透视效果的HTML图像的最佳方法，同时保持图像交互式让用户点击映射到该图像的每个点
更新1
我发现了一个名为“getBoundingClientRect”的方法，它在变换后返回矩形坐标（https://developer.mozilla.org/en-US/docs/Web/API/element.getBoundingClientRect），我想我需要使用这个新矩形给出我的原始点的某种矩阵变换吗？ 对不起，我真的不懂计算机图形学理论，只是想尝试这种方式看它会起作用