Re: How do i Implement Zoom and Pan in my Application

[Vincent Hardy]

Hello Ralf,

SVG has a way to modify the zoom and pan from on the root SVG element, but Batik does not support that.

What you could do in the meanwhile is create a top-level group with a transform that you could modify through scripting. Something like:

<svg ...>

<g id="toBeZoomedAndPanned">
</g>

<script type="text/ecmascript"><[!CDATA[

var toBeZoomedAndPanned = document.getElementById("toBeZoomedAndPanned");

function onZoom(zoomFactor) {
toBeZoomedAndPanned.setAttributeNS(null, "transform", "scale(" + zoomFactor + ")");
}

]]></script>
</svg>

I hope this helps,
Vincent.

Ralf M�ller wrote:

Hi Vincent,


The answer is not so easy. Since I fear I have to do a bit of all. I am using an JSVGCanvas to render dynamically generated svg pictures which represent Algorithm-animations (for educational use).


First I want the user to have the ability to pan and zoom in the JSVGCanvas (after pressing a zoom or pan button in the application).

On the other side I need the ability to resize the svg graphic from my application and pan it, so that the user sees an "interesting" area.

I know I am asking much, but a solution to one of my problems would help me a lot.


Thanks in advance


Ralf


Ralf M�ller
Institute for Cartography and Geoinformation,

University of Bonn
Meckenheimer Allee 172
53115 Bonn, Germany
Phone: ++49 (0)228 731760

Fax : ++49 (0)228 731753

Email: [EMAIL PROTECTED]


-----Original Message-----
From: Vincent Hardy [mailto:[EMAIL PROTECTED]]
Sent: Wednesday, January 22, 2003 9:06 PM
To: Batik Users
Subject: Re: How do i Implement Zoom and Pan in my Application


Hello Ralf,


Are you trying to zoom and pan trough the Batik APIs or through the

standard DOM APIs? Or are you trying to let the user zoom and pan in

JSVGCanvas?


Vincent.


Ralf M�ller wrote:

 Hi!

 I have an Application using batik for displaying a graphic. How do I

 zoom and pan the view when I Use a JSvgCanvas. (Sample code would be

 great). (I already tried to understand the SVG Browser Sourcecode, but

 it is hard to follow)

 Thanks

 Ralf

---------------------------------------------------------------------

To unsubscribe, e-mail: [EMAIL PROTECTED]

For additional commands, e-mail: [EMAIL PROTECTED]

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]