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

questionAnswers(2)

yourAnswerToTheQuestion