Obtém coordenadas reais de pixel de div após a transformação CSS3
É possível obter as quatro coordenadas de canto reais de um<div /> que foi transformado com atributos CSS3 comoscale, skew erotate?
Exemplo:
Antes da transformação CSS3, as coordenadas são
x1y1: 0,0
x1y2: 0,200
x2y1: 200,0
x2yw: 200,200
e o div se parece com isso:
depois de um pouco de magia CSS3transform: skew(10deg, 30deg) rotate(30deg) scale(1, 2); Se parece com isso:
Como posso obter as coordenadas (com javascript) dos cantos reais (não a caixa delimitadora)? Qualquer ajuda muito apreciada.