You could potentially make a single svg file (e.g.
You can re-use the same image with no internal modifications in different locations in your code, with each potentially being a different desired size. You don't have to do anything to the svg code (other than potentially adding an id to the target shape, as described above) for any image coming out of your favourite drawing program or downloaded from online. You don't have to worry about aspect ratios, i.e. You can re-use this routine for any shapes and any sizes you want. You also have to change the desired width and height to whatever you want. The working code in the snippet below requires that you add an id to the svg path (or rect or g or whatever) that you want to just fill your desired area. You can do it dynamically with JavaScript. Save, and now your new graphic3.png is about as small as your original graphic.svg We saw earlier in Inkscape's Document Properties that the canvas was re-sized to: Width: 201.00 If minimizing file size is important to you, or for some reason you wish to eliminate all the additional meta tags that Inkscape provides, you can always use a text editor to assemble a final, smaller file, for example name it graphic3.svg.įor its opening SVG tag, borrow from your original code, but alter the width and height appropriately to the newer values. Plain SVG (*.svg) is slightly smaller than the default Inkscape SVG (*.svg). So now you have succesfully created a smaller version of your original graphic. Observe: it appears smaller than the canvas.Ĭtrl- shift- d to open Document Properties.Ĭlick Resize page to drawing or selectionĬhange Inkscape SVG (*.svg) to Plain SVG (*.svg). Observe: due to Scale proportionally, the height: has automatically been re-calculated and updated to a new value 205.824 Let's say you want the width to be approximately 200 pixels wide: Observe: Inkscape handlebars indicate you have selected the graphic. Observe: In your case, your graphic resembles a black and white magnifying glass. Using a text editor, save the SVG code you posted, to a file, name it for example graphic.svg. On Linux, for example Debian-based distributions, you can: $ sudo apt-get install inkscape 
Illustrator and AutoCAD files, and it has unrivaled support for theįor Windows, you can try Inkscape Portable if you like portable apps. Most of the common vector formats are supported, including PDF, Adobe If you just want a free solution to reliably scale or make any other alterations to an SVG graphic, have you considered free and open-source Inkscape?
0 kommentar(er)
