Zoom Javascript entero div -- javascript campo con jquery campo con html campo con zooming camp Relacionados El problema

JavaScript Zoom whole Div


4
vote

problema

Español

Estoy buscando un guión jQuery que puede ampliar un div. Encontré los siguientes complementos:

http://test.dpetroff.ru/jquery.iviewer/test/# < / a> y http://www.albanx.com/?pid=1& ;subid=13

Los complementos tienen exactamente las cosas que necesito (simplemente acercar y alejar con su rueda de desplazamiento). Pero tengo un problema, necesito tener un guión que hace un zoom en un DIV completo. ¿Alguien puede ayudarme por favor?

Original en ingles

I'm searching for a JQuery script that can zoom in a whole div. I found the following plugins:

http://test.dpetroff.ru/jquery.iviewer/test/# and http://www.albanx.com/?pid=1&subid=13

The plugins have exactly the things I need (just zoom in and out with your scrollwheel). But I have a problem, I need to have a script that zoom in a complete Div. Can someone help me please?

           
       
       

Lista de respuestas

2
 
vote

Qué hay de usar la operación de CSS3 Transform 'Scale': > https: // desarrollador.mozilla.org/en-us/docs/css/transform ? Tendrá que escribir el JavaScript para tratar con la rueda de ratón, pero esto funcionará (he hecho esto antes).

Parece que hay un soporte decente, también: http://caniuse.com/transforms2d (Nota de Caniuse: La transformada de la escala se puede emular en IE & LT; 9 utilizando la extensión "Zoom" de Microsoft, otras son (no fácilmente) posibles utilizando el filtro MSRIX MS)

 

what about using the CSS3 transform 'scale' operation -- https://developer.mozilla.org/en-US/docs/CSS/transform? you'll have to write up the javascript for dealing with the mousewheel, but this will work (I've done this before).

Seems like there's decent support, too: http://caniuse.com/transforms2d (note from caniuse: The scale transform can be emulated in IE < 9 using Microsoft's "zoom" extension, others are (not easily) possible using the MS Matrix filter)

 
 
0
 
vote

Un ejemplo de código (JSFiddle o algo) probablemente sería bastante útil para tener una mejor idea de lo que quiere lograr. En general, creo que la propiedad CSS "Zoom" animada con jQuery podría ayudar aquí ( jsfiddle ), pero esto solo Funciona en cromo / safari atm.

 

A code example (jsfiddle or something) would probably be pretty helpful to get a better idea of what you want to achieve. Generally I reckon the CSS property "zoom" animated with jQuery might help here (jsfiddle), but this only works in chrome/safari atm.

 
 

Relacionados problema

2  Las articulaciones se rompen al zoom  ( Joints break when zooming ) 
He estado ensayando el kit de sprite últimamente y he encontrado un problema muy extraño. Al hacer zoom (cambiando la escala de) el nodo principal, los cuerpo...

0  Objetivo C Zooming y posicionamiento relativo: Matemáticas  ( Objective c zooming and relative positioning math ) 
Tengo una vista en uiscroll que tiene una UIIMAGEVIEW. He escrito el código para el zoom. ahora vamos a decir las etiquetas en 0,10 10,10 para la image...

0  CSS - Cuerpo para llenar la página completa incluso cuando se acercó  ( Css body to fill entire page even when zoomed ) 
¿Es posible usar CSS para hacer <html> y / o <body> Element para llenar el 100% de ancho de la ventana del navegador, independientemente de cuánto se zoom...

0  Mkmapview no se desplaza y no zoom  ( Mkmapview doesnt scroll and doesnt not zoom ) 
Tengo un mapView y marcado donde la ubicación del usuario y las cercanías hay otra anotación de varios tipos con respecto a las atracciones turísticas. Quiero...

12  Cómo ampliar la imagen a las coordenadas específicas en Android  ( How to zoom the image to specified coordinates in android ) 
Me gustaría acercar la imagen a una parte particular (a las coordenadas específicas) de la imagen. Tengo una imagen, lo mostré en la vista de imagen Android c...

0  UWP ScrollViewer Zoom con animación de rebote  ( Uwp scrollviewer zoom with bounce animation ) 
En mi aplicación UWP, estoy tratando de agregar soporte para acercar una imagen haciendo doble clic o mediante gesto de presión a zoom. Así que envolví mi c...

0  Restauración del rango de eje de dominio manual después de alejar en jfreechart  ( Restoring manual domain axis range after zooming out in jfreechart ) 
Estoy usando JFreechart para crear una tabla de TimeSeries en mi solicitud. Estoy configurando su rango de eje de dominio utilizando manualmente: ... ...

1  Tocar imagen zoom en Android  ( Touch image zooming in android ) 
Tengo una serie de imágenes en una galería y estaba tratando de agregar la funcionalidad de zoom para el mismo. Leí mucho al zoom en Android. Trabajó varios e...

1  Implementando zoom en calayer  ( Implementing zooming in calayer ) 
Estoy tratando de implementar zoom en un calayer en un nsview de alojamiento en capas. La NSVIEVIA con la capa (tamaño de la capa: 1024x768) está dentro de un...

3  ¿Es posible animar la propiedad ZOOM CSS?  ( Is it possible to animate the zoom css property ) 
es posible animar la animación de zoom He intentado esto, pero es lo mismo que usar la propiedad CSS para configurarla. new ArrayAdapter<String>(context,...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos