Как преобразовать абсолютное позиционирование и преобразование в координаты карты изображения?

Определенный размер указан, положение: абсолютное и преобразование 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/


person Faustas Misiunas    schedule 15.09.2013    source источник
comment
Не могли бы вы объяснить, чего вы хотите в итоге достичь? И для вашего примера будет достаточно простого transform: rotate(45deg);. А что насчет карты изображений, о которой вы говорите? Извините, но мне это непонятно.   -  person Netsurfer    schedule 15.09.2013
comment
Весь этот css генерируется каким-нибудь HTML-редактором перетаскивания. В результате у меня есть некоторый html с большим количеством элементов html с абсолютной позицией, и некоторые из них повернуты. Позже я создаю экран для печати этого html, и цель состоит в том, чтобы сгенерировать ‹map› с некоторыми элементами ‹area› и добавить несколько ссылок для этих элементов, которые были захвачены, и у меня есть их изображение (экран для печати). Что-то вроде этого: de December.com/html/demo/imagemap.html   -  person Faustas Misiunas    schedule 15.09.2013
comment
Хорошо, теперь мне стало немного яснее ...! Все повернутые элементы квадратные или у вас разные формы? Итак, в конце концов, вы ищете решение Javascript для создания карты изображений - верно? Было бы хорошо, если бы вы использовали JS-фреймворк, например jQuery?   -  person Netsurfer    schedule 15.09.2013
comment
Да только элементы, которые являются квадратами. Я использую jQuery, который уже очень тяжелый - код более читабелен и так далее, поэтому проблем с этим нет. вы ищете решение Javascript для создания карты изображений - верно - точно.   -  person Faustas Misiunas    schedule 15.09.2013
comment
Таким образом, вам нужно будет прочитать данную информацию о стиле, а затем вычислить координаты, в результате которых позиционирование, размеры элемента и примененное преобразование фактически приведут к… getBoundingClientRect будет получать разные результаты для положения элемента независимо от того, применяется преобразование или нет, так что это может быть отправная точка.   -  person CBroe    schedule 15.09.2013
comment
@Faustas Misiunas: Вы видели Получение новых координат после вращения ? Может, поможет найти формулу для расчета?   -  person Netsurfer    schedule 15.09.2013