PanZoom is not supporting for content other than image within <div id="pan">

[irappab]

Hi,

I am trying to put some content other than image. But I found that, PanZoom will support for only image withing

. Is there is solution to put the content(like Div's) withing

other than image. I have tried some like shown below:

Two

Three

Four

AND

[benlumley]

Hi,

Been a month or two since I worked on it - but I'm fairly sure what you are doing isn't possible using the same mechanism that pan zoom uses - it exploits the width/height properties, causing the browser to scale the image. Browsers won't do the same for text if you scale a div, so a different approach would be needed.

Ben

On Wednesday, 25 July 2012 at 05:48, irappabisa wrote:

Hi,

I am trying to put some content other than image. But I found that, PanZoom will support for only image withing

. Is there is solution to put the content(like Div's) withing

other than image. I have tried some like shown below:

Two

Three

Four

AND

---

Reply to this email directly or view it on GitHub: https://github.com/benlumley/jQuery-PanZoom/issues/10

[MathiasRiechert]

Hi, does this also hold true for a DIV with SVG content? Mousepan is working nicely, only the Mousewheel zoom gives me the error:

Uncaught TypeError: Cannot read property 'viewport_dimensions' of undefined jquery-panzoom.js:467getStepDimensions jquery-panzoom.js:467methods.mouseWheel jquery-panzoom.js:174$.fn.panZoom jquery-panzoom.js:21(anonymous function) jquery-panzoom.js:292f.event.dispatch jquery.min.js:3handler jquery.mousewheel.js:203

Is this a problem of trying to zoom SVG or am I doing something else wrong?

Thanks in advance!