How do I Zoom and pan an SVG Document embed in XHTML Page using AMPLE SDK?

You can implement zoom and pan on SVG fragment by manipulating viewBox attribute on svg element as echo-flow suggested. However you should be using setAttribute to get the change reflected: ample. GetElementById("mysvg").

SetAttribute("viewBox", "500 500 1000 1000") or ample. Query("#mysvg"). Attr("viewBox", "500 500 1000 1000") Study the format of viewBox attribute and it will not be difficult to find out how it should be manipulated.

You can implement zoom and pan on SVG fragment by manipulating viewBox attribute on svg element as echo-flow suggested. However you should be using setAttribute to get the change reflected: ample. GetElementById("mysvg").

SetAttribute("viewBox", "500 500 1000 1000"); or ample. Query("#mysvg"). Attr("viewBox", "500 500 1000 1000"); Study the format of viewBox attribute and it will not be difficult to find out how it should be manipulated.

Thank you so much Sergey and echo-flow, also I have found this ie.microsoft. Com/testdrive/Graphics/OrganizationChart/… which helps me with the zoom and pan issue, but I have problem with IE the Javascript load is taking very long time, also the zoom and pan is deadly slow! – Mark Caso May 17 at 8:35 Dear Sergey, I have problem with viewBox manipulation it is working fine on chrome,Firefox,Opera,Safari But not working on IE?

Is this a bug is this bug related to this bug confirmation groups.google. Com/group/amplesdk/browse_thread/thread/… and how can I fix this bug in order to get it work on IE , IE Browser has wrong response for the ViewBox Changes instead of zooming the svg move to the right and bottom! , how would I fix this it is only IE problem, there is no problem in other browsers – Mark Caso May 21 at 7:34.

If Ample SDK supports dynamic SVG (and it looks like it does), then you can add this functionality by scripting the SVG root element's viewbox property in response to mouse events. For example. Var newX = 100; var svg = document.

DocumentElement; svg.viewBox.baseVal. X = newX; You would still need to hook up this code to respond to mouse events. If you want library support, you can look into using the jQuery SVG library (although, again, I'm not sure how well this will play with Ample): keith-wood.name/svg.html A demo of jquery SVG being used to perform an animated zoom using viewbox can be found here: keith-wood.name/svg.html#anim.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.