Operating on external SVG images.

Discuss SVG code, accessible via the XML Editor.
Akram1
Posts: 1
Joined: Mon Jun 27, 2011 6:11 pm

Operating on external SVG images.

Postby Akram1 » Mon Jun 27, 2011 6:23 pm

OK, I have a couple of questions here...
I am using adobe illustrator to design a website entirely, so I want the pieces as SVG images and embed them in the.html

User avatar
tomh
Posts: 218
Joined: Sat Feb 14, 2009 10:14 pm

Re: Operating on external SVG images.

Postby tomh » Mon Jun 27, 2011 11:11 pm

First off this is an inskap[e forum; so some of what I am suggesting may be Inkscape centric (I will try not to be though)...

1) When I zoom out it shows these scroll bars around the image, any idea how to get rid of those?


If you zoom in do the images stay the same size? If so then it is likely that the svg file has not been set up to scale with the outer page. You can correct this by adding a viewbox to the svg file.

In Inkscape you can do this by doing File->Save As->Optimized SVG; and selecting the "Enable Viewboxing" Option.

This basically adds a perameter to the svg file that says, I want to view this portion of the file; and scale the contents on any viewing page to show this region.

2) I want to add links to these external SVG images, meaning that I want to click on the SVG image and it links me to somewhere else, what type of command can I use for this?


See viewtopic.php?f=16&t=8645&p=31261&hilit=xlink#p31261 ; you can link to other svg files or any other webpage.

No 3; no idea sorry.


Return to “SVG / XML Code”