2019-06-26 16:39:03 -04:00
|
|
|
export function transform(el, transformValue){
|
|
|
|
|
el.style.webkitTransform = transformValue;
|
|
|
|
|
el.style.msTransform = transformValue;
|
|
|
|
|
el.style.transform = transformValue;
|
|
|
|
|
}
|
2019-07-04 10:52:04 -04:00
|
|
|
|
|
|
|
|
export function getTranslate(el){
|
|
|
|
|
const translate = {}
|
|
|
|
|
if(!window.getComputedStyle) return;
|
|
|
|
|
|
|
|
|
|
const style = getComputedStyle(el);
|
|
|
|
|
const transform = style.transform || style.webkitTransform || style.mozTransform;
|
|
|
|
|
|
|
|
|
|
let mat = transform.match(/^matrix3d\((.+)\)$/);
|
|
|
|
|
if(mat) return parseFloat(mat[1].split(', ')[13]);
|
|
|
|
|
mat = transform.match(/^matrix\((.+)\)$/);
|
|
|
|
|
translate.x = mat ? parseFloat(mat[1].split(', ')[4]) : 0;
|
|
|
|
|
translate.y = mat ? parseFloat(mat[1].split(', ')[5]) : 0;
|
|
|
|
|
|
|
|
|
|
return translate;
|
|
|
|
|
}
|
