Javascript 如何转换绝对位置&；转换为图像地图坐标？

指定了一些大小，position:absolute和css转换也用于旋转html元素。目标是为这个div计算图像映射线，而不是进行绝对pos+css转换。可能吗？任何想法都是非常受欢迎的

.my-square {
    width:150px;
    height:150px;
    background-color:red;    
    position:absolute;
    transform:matrix(0.650718, 0.759319, -0.759319, 0.650718, 0, 0);
    top:150px;
    left:150px;
    transform-origin:50% 50% 0;
}

---

完整示例：

您能解释一下您最终想要实现的目标吗？对于你的例子，一个简单的

变换：旋转（45度）就足够了。那么你所说的“图像地图”呢？对不起，我不清楚。所有这些css都是由一些html拖放编辑器生成的。因此，我有一些html，其中包含许多绝对位置的html元素，其中一些元素是旋转的。稍后我将生成html的打印屏幕，目标是生成一些OK，现在事情对我来说变得更清楚了。。。！旋转的元素都是正方形，还是有不同的形状？因此，最终您需要寻找一个Javascript解决方案来生成图像映射-对吗？您可以使用jQuery这样的JS框架吗？可以，只使用正方形的元素。我使用的jQuery已经非常繁重了——代码更具可读性等等，所以没有问题。“您正在寻找一个Javascript解决方案来生成一个图像映射-对”-没错。因此您必须读取给定的样式信息，然后计算定位坐标，元素维度和应用的转换实际上会导致…
getBoundingClientRect
对于元素位置，无论是否应用转换，都会得到不同的结果，因此这可能是一个起点。