just create one SVG file, set the width and height attribute to 100% and set a viewBox attribute defining an internal coordinate system. All of these three attributes need to go on the root element. After that you can scale the file to any size and it will adopt.
That sounds like the perfect solution. Thankyou
yes, ideally the document settings in Inkscape would offer a checkbox - something like "Make document scalable", which would add the width and height="100%" attributes and would use the document size as the viewBox coordinate system.
I will add this as a feature request if this isn't on the wishlist already.
Andreas Neumann-7 wrote:
Also zooming is not at all limited to Opera. Other viewers support zooming as well: Batik, Adobe SVG viewer, Renesis, some commercial viewers. In fact there are more viewers that support zooming than viewers that don't.
I didn't mean to suggest other SVG viewers can't zoom. But with Opera you can zoom a HTML page and it scales everything including text, bitmap images, flash objects and SVG images. Obviously if you can use SVG images instead of bitmap images in your HTML your site will still look crisp when zoomed. IE users can zoom just the SVG image (like you can with Flash), but I don't think the HTML object size will change.
yes, Opera can zoom the whole webpage, but additionally you can zoom and pan the SVG graphics itself. If you right click on the SVG graphics within the webpage you'll get a context menu entry for zoomin, zoomout and original size. It isn't super intuitive but better than no separate zoom at all. In the Adobe viewer you can zoom and pan with keyboard shortcuts in parallel with the mouse. Press the control key and the zoom cursor appears --> drag a zoom rectangle, press ctrl-shift and the zoom out cursor appears, press the alt key and the pan hand appears. The Apache Batik viewer has similar functionality. Both are more intuitive than Opera regarding zoom and pan, in my opinion.
Andreas