JavaScript Zoom whole Div

问题:

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?

回答1:

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)

回答2:

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.