How to convert absolute postioned & transformed to image map coords?
Some size specified, position: absolute and css transformation is used as
well for rotate html element .my-square. The goal is to calculate image
map cords for this div instead of having absolute pos + css
transformation. Is it possible? Any ideas are very welcome.
.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;
}
Full example: http://jsfiddle.net/KbbwZ/
No comments:
Post a Comment