zoom css/javascript

Question

Me gustaría saber cómo se puede controlar la propiedad de zoom a través de javascript, como div.style.top, cómo especificar para el zoom?

Answer 1

El Firefox & Chrome (Webkit) equivalentes a las zoom propiedad IE-específica son, respectivamente, -moz-transform y -webkit-transform.

Un código de ejemplo sería:

.zoomed-element { 
    zoom: 1.5; 
    -moz-transform: scale(1.5); 
    -webkit-transform: scale(1.5); 
} 

que tendría que ser un poco más cuidadoso con Javascript (prueba de la existencia en primer lugar), pero aquí te mostramos cómo manipularlos:

el.style.zoom = 1.5; 
el.style.MozTransform = 'scale(1.5)'; 
el.style.WebkitTransform = 'scale(1.5)'; 

Answer 2

Es una propiedad de style, pero no es compatible con todos los navegadores. Es un non-standard Microsoft extension of CSS que implementa Internet Explorer. Se accede así:

div.style.zoom 

Answer 3

Es posible que desee probar un complemento jQuery ligero llamado Zoomoz. Utiliza propiedades de transformación CSS3 (traducir, rotar, escalar). Confirmar la "Ampliación de la sección de forma jQuery Espero que ayuda

$(document).ready(function() { 
    $("#element").zoomTarget(); 
});