Using HTML for SVG intra-navigation

Screenshot of SVG image after rotation, zoom and pan

Screenshot of SVG image after rotation, zoom and pan

I’ve just finished a demo which tries to fill a long caveat among SVG implementations: a consistent front-end for internal document navigation (zoom, pan, etc.). It took me a while to workaround and document a few subtle bugs in several implementations, as well as recently integrating SVG Web, which has it’s own set of limitations, but it’s ready (at last!). :-)

What are you waiting for? Go ahead and try it! :-D

This entry was posted in Information Technology and tagged , , , , . Bookmark the permalink.

5 Responses to Using HTML for SVG intra-navigation

  1. Miguel says:

    This is too much for me! But I know someone who will like this… Marianinha! :-D

    Note 2011-01-04: Free translation (from Portuguese) to English by Helder.

  2. Brilliant.
    I’ve slightly adapted the Interactors section to look nicer, and I’m using it for an internal application for Process Library Navigation. I’ll send you a copy if you want it.
    Software Quality Manager
    Nokia UK

    • Helder says:

      Hi Leslie,

      Of course I’d like to be aware of how people are using this proof-of-concept, I’ll gladly take a copy of how you have adapted it (by email or, preferably, publishing it somewhere and placing a link here so others can learn as well).

      In the meantime, we’ve been busy and have already improved it a lot (in terms of feature set and user experience). I hope to have some availability in order to publish a more updated version, potentially in an OSS project so that others can participate.


  3. Jon Frost says:

    Hi Helder,
    Nice work. I would be happy to contribute to the OSS project to improve this useful project, so please let me know if/when this is setup. Merci, gracias, und danke

    • Helder says:

      Thanks for the cheers up, Jon! :-)

      I’ll certainly take this into consideration – there seems to be increasing interest in this demo and we also have lots of interesting improvements to share.

      In the meantime, there’s a simpler but highly related implementation in SVG Web demo you may be interested in.

Leave a Reply to Miguel Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>