Combine css3 transforma via js
or favor, existe uma maneira de combinar mais transformações CSS3 ao longo do tempo? Por exemplo, quando eu defino isso
$bgWrapper.css({
'-webkit-transform' : ' scale3d(' + currScale + ', '+ currScale +', 1)'
});
E então, em alguns momentos, este
$bgWrapper.css({
'-webkit-transform' : 'translate3d('+ ((currCoords[0])/currScale) +'px, '+ ((currCoords[1])/currScale) +'px, 0px) '
});
Eu tenho um problema. A primeira transformação é substituída pela segunda, mas é isso que eu definitivamente não quero que aconteça. Então observei que posso combinar esses valores, para armazenar temporariamente o antigo e fazer isso
var tmpTransform = $bgWrapper.css('-webkit-transform');
$bgWrapper.css({
'-webkit-transform' : ''+ tmpTransform +'translate3d('+ ((currCoords[0])/currScale) +'px, '+ ((currCoords[1])/currScale) +'px, 0px) '
});
Mas isso não está correto, há problemas com a repetição de chamadas ..
Então, existe uma maneira de obter o valor exato de css3 scale vie javascript? Existe uma maneira de obter o valor exato da conversão CSS3 via js? Atualmente, estou apenas obtendo matriz com esses valores, é claro que posso analisá-lo, mas espero que exista uma solução melho
E finalmente ... suponho que -webkit-transform: matrix (...) não seja acelerado por hardware no iPad, então apenas a maneira matrix3d é? combinar corretamente todas essas transformações sem problemas ..
Muito obrigado, espero que você entenda minhas perguntas