This extension adds zooming and panning capabilities to SVG files viewed in Chrome.
If you like this extension and want to support its development, please consider donating:
https://paypal.me/PeterRyszkiewicz/2
https://cash.me/$PeterRyszkiewicz/2
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
---------------------------------
* Vector vs Raster: http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg
* World Map: http://upload.wikimedia.org/wikipedia/commons/1/17/World.svg
* Animated world landmarks: http://svg.kvalitne.cz/worldlandmarks/worldlandmarks.svg
* Map of the United States of America: http://upload.wikimedia.org/wikipedia/commons/d/dc/USA_orthographic.svg
* Another USA map: http://upload.wikimedia.org/wikipedia/commons/3/32/Blank_US_Map.svg
* Constellation Orion: http://upload.wikimedia.org/wikipedia/commons/f/ff/Orion_IAU.svg
* Bertrand's Chords: http://upload.wikimedia.org/wikipedia/commons/9/91/Bertrand3-chords.svg
* P and N type Silicon: http://upload.wikimedia.org/wikipedia/commons/2/20/CellStructure-SiCrystal-eng-vect.svg
* Diagram of Zeta Potential and Slipping Plane: http://upload.wikimedia.org/wikipedia/commons/6/62/Diagram_of_zeta_potential_and_slipping_plane.svg
* Earth Color Trace: http://upload.wikimedia.org/wikipedia/commons/4/4e/Earth_Color_Trace.svg
* Magnetic Moment: http://upload.wikimedia.org/wikipedia/commons/4/4c/Magnetic_moment.svg
* Simple Mandelbrot: http://upload.wikimedia.org/wikipedia/commons/3/3c/Mandelbrot_Components.svg
* Animated Digitial Clock: http://www.bogotobogo.com/svg_source/SVGDigitalClock.svg
Useful Links
------------------------------
* SVG 1.1 Second Edition Specifications: http://www.w3.org/TR/SVG11/
* Official Google Chrome extension page: https://chrome.google.com/webstore/detail/svg-navigator/pefngfjmidahdaahgehodmfodhhhofkl
* Github Repository: https://github.com/pRizz/SVG-Navigator---Chrome-Extension
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.
Latest reviews
- (2020-09-18) Andrey Starostin: Works great
- (2020-03-19) Kevin Pillay: I am white.
- (2019-11-07) Jure Smrekar: Perfect extension, thanks. Works also with the local SVGs, just have to enable the access URL option under its extension options as described many times. M donating :)
- (2019-05-23) Ramona B: Does not seem to work on locally stored svgs opened in Chrome...
- (2018-11-29) Peter Marshall: Absolute trash. It doesn't even work
- (2018-05-24) Danny Liu: Everythings works perfectly including the local SVG. There is an "Allow access to file URLs" checkbox in Chrome extensions settings. Check it and it will work with all SVG saved in local Hard Disk Drive. If you browse to chrome://extensions, you may notice that you have the option to check 'Allow access to file URLs' underneath of the SVG Navigator extension. This option is mostly for web developers. Checking this option allows SVG Navigator to login and fill forms for local files such as file:///C:/dev/test.svg. If you do not develop webpages, turning this option on or off will likely not affect you.
- (2018-05-15) Camil Bradea: Doesn't work ...
- (2018-05-11) Šimon Soták Gregor: Doesn't work with local SVG, i.e. when opening an svg file from disk with Chrome. Also the panning has jagged movement on my MacBook Pro.
- (2018-04-05) Ignat Miller: Two things I would love to see in this extension: 1) Ability to set default zoom level, like 30% for instance. 2) Currently embedded (base64 encoded) SVG files are not affected by extension, would be cool if those will do as well as offline files, if that possible at all.
- (2017-04-27) Tomas Hit: Exactly what I was searching for!
- (2017-04-21) Ding Ding: 记得在扩展管理器里勾选"允许访问文件网址",不然对本地的SVG文件没有效果.
- (2017-03-04) Lee Wui Ching: Great. Everythings works perfectly. There is an "Allow access to file URLs" checkbox in Chrome extensions settings. Check it and it will work with all SVG saved in local hdd.
- (2016-11-22) Thalia Archibald: Have used for years. Would recommend.
- (2016-08-26) John Stanton: I have been using Graphviz for a decade to create complex graphs. I have used PNG, PDF, SVG, and other formats for output. SVG has been problematic because there does not seem to be a good free viewer for it, but this highly intuitive plugin really works well for me. I just wish I had a 4K or 5K moitor. My graphs have thousands of nodes and links...
- (2016-08-03) Erik Garrison: I love this. It's been amazingly useful for my work. Many thanks. Perfect, but... I'd give five stars if it could support multitouch! :)
- (2016-01-08) Quality Floors: Only shows XML script of file refuses to show image. It may be a simple fix, but in this fast paced world my time is better spent moving on to the next one that works immediately without additional set up time. Especially when that setup info is not in (or even mentioned in) the description.
- (2015-10-15) Christopher Jones: Have spent hours looking for a simple, fast SVG viewing app. At last found that this Chrome extension does it better than any free-standing alternative.
- (2015-10-09) Igor Savchuk: loved it
- (2015-10-05) David Fyfe: Love it.
- (2015-05-15) Joel Christophel: Couldn't be better!
- (2015-04-18) Richard Cooke: I am doing a project that needs an infinite scalability of SVG files and was just about to delve into writing a player as the Adobe SVG player does not quite deliver. This plug in has gone a long way to solving my problem so thanks very much. Just wondering if you can zoom in on some svg files and leave other at same resolution
- (2015-04-16) Will Holen: The extension just completely disappears, and you're left with intuitive drag/wheel to pan and zoom in SVG files!
- (2014-09-18) Semih Kazancı: boş bir şey harbi boş
- (2013-11-03) 天使號角(天使已吹響號角): 實用.
- (2013-06-28) Victoria Fierce: Could you have less intuitive controls? Thanks.
- (2013-05-26) Flamur Kasa: Please allow the use of Ctrl+0 to reset zoom. I know I can use esc but ctrl+0 is the default for chrome so it makes sense.
- (2013-02-11) Jessica: I love it!!!
Statistics
Installs
5,000
history
Category
Rating
4.0 (44 votes)
Last update / version
2024-09-17 / 2.5
Listing languages
en-US