After a bit of experimenting with SVG graphics, Ive reached the following conclusions:
- I cant figure out how to get SVG graphics to resize automatically in a browser based on an HTML tag. I know how to add an SVG using the
<object>tag, but changing the<object>size doesnt scale the image, it crops instead. - SVG tutorials ignore the subject, or discuss the
<transform>and<preserveAspectRatio>tags, both of which are in the original XML, not the HTML. - So, SVGs on a website need to be properly sized before the web browser gets them - one SVG cant be reused at different sizes. Resizing is trivial in Inkscape, but you still need two images for two sizes - that stinks.
- Basic SVG images are supported by all the common browsers.
- SVG images are very handy for line drawings like basic maps and diagrams.
- In print, SVG images saved as .odg OpenOffice Drawing images are very useful replacements for frequently used graphics in business cards, flyers, contracts, etc.
- SVGs are good for icons/logos since they scale well.
The upshot is that Ill keep file archives in SVG for future manipulation, resized SVGs for web use, and exported ODGs for print media.
Wishlist:
- SVG can be scaled by HTML tags
- OpenOffice imports SVG natively
alternative link download