/SVG-Navigator---Chrome-Extension

SVG Navigator is an extension for Google Chrome that adds pan and zoom features to existing SVG files on the web.

Primary LanguageJavaScriptBSD 2-Clause "Simplified" LicenseBSD-2-Clause

SVG Navigator

Description

SVG Navigator is an extension for Google Chrome that adds pan and zoom features to existing SVG files on the web.

Note

You can access file URLs by going to Chrome's extension settings, and checking "Allow access to file URLs".

Usage

Go to a website with an SVG file. The extension begins working on the SVG graphic and you may:

  • Pan: click and drag or hold the space bar and drag the cursor to pan around the image
  • Zoom in or out: use mouse scroll wheel
  • Zoom: click and drag a zoom box of the desired area if enabled
  • Zoom out: tap alt key
  • Reset zoom: press escape Trying to pan on an SVG by shift click and dragging currently causes undesirable panning; possibly a Google Chrome bug/feature. If you want to view local files with this extension, you must enable "Allow access to file URLs" in Chrome's Extensions view.

Try Testing Out These SVGs

Useful Links

Acknowledgements

Concept originally created by Asad Akram, Ryan Oblenida aka Mr. O, and Peter Ryszkiewicz at the Illinois Institute of Technology. Adapted as a Google Chrome extension by Peter Ryszkiewicz. Work was inspired by Kevin Lindsey at http://www.kevlindev.com/index.htm. Illustrations by Cara Stemo.