Webkit Multiple img tags with translate3d crash or not renderer

[Onsterion]

i have 8 images, separate in layers (div's) for add effects, zoom, focus, panning, etc. and than take a screenshot with canvas.

The problem is when i use 3d acceleration for zoom the 8 images in chrome i have this issue.

SO: Windows 8.1
Chrome Ver :36.0.1985.49 beta-m / Ver 35 same problem

Código:

$('.ImageManipulation img').css({
    "transform": "scale3d("+ (1 + ZoomValue) +", "+ (1 + ZoomValue) +", 1)",
    "-webkit-transform": "scale3d("+ (1 + ZoomValue) +", "+ (1 + ZoomValue) +", 1)",
    "-moz-transform": "scale3d("+ (1 + ZoomValue) +", "+ (1 + ZoomValue) +", 1)"
}

);



Link: http://image.gxzone.com/images/4/5/455c81b0513.jpg



Any recommendation?


Sorry for my english.-

[kraneok]

You speak spanish?

[pzin]

Mejor pon el post en español. Que copiar y pegar está bien si vas de foro en foro y tienen el mismo idioma.

[Onsterion]

Jaja si perdón, ya estoy re quemado con esto.

El problema es el siguiente, necesito hacerle un escalado a 8 imágenes bastante grandes para hacer un efecto de zoom + blur + paneo y luego uso html2canvas para hacerle un screenshot a la imágen final.

El problema es que si no uso hardware acelerado el escalado lo hace extremadamente lento pero cuando le pongo un scale3d o translate3d, en webkit me hace ese defecto como que no renderiza algunas imágenes.