Javascript zoom de la página

Question

Hola desarrollo mi sitio web y quiero hacer dos botones (+ y -) con funciones de ctr + y CTR- para acercar y alejar la imagen de la página web completa en todos los navegadores. Necesito el código de Javascript para este propósito ¿Alguien puede ayudarme?

Answer 1

Tiene que aplicar una lógica para retener el tamaño de zoom actual y el parámetro de incremento/disminución para encontrar el ancho requerido. Puede personalizar la siguiente función según su requisito.

function zoom() 
{ 
var wdth = 1024; //Change this variable to match your configuration 
document.body.style.zoom = screen.width/1024; 
document.Fm.TxAre.value=1024; 
alert("1024 ? : "+screen.width/1024); 
} 

Esto es solo una solución rápida. Hay muchas mejores opciones disponibles en la web. Solo pensé en compartir un método fácil sin usar una solución de terceros.

Answer 2

Espero que esto te ayude! Esto lo acercará todo el cuerpo de la etiqueta

var currentZoom = 100; 
 
function zoom(paramvar) 
 
{ 
 
    currentZoom += paramvar; 
 
    document.body.style.zoom = currentZoom + "%" 
 
}

<button onclick="zoom(+10);">Zoom In</button> 
 
<button onclick="zoom(-10);">Zoom Out</button>

Answer 3

puede utilizar

document.body.style.zoom 

también en CSS:

element{zoom:<value>;}