指定了一些大小,位置:绝对和 css 转换也用于旋转 html 元素 .my-square。目标是为此 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;
}
完整示例:http: //jsfiddle.net/KbbwZ/