Manage documents

Managing SVG documents, loading and saving
This category contains 9 showcases

Play all Manage documents showcases continuously

Open a document
Open SVG documents with different sources
Open a document 

Showcase steps

  1. Click the Open icon in the Document menu
  2. You can load a SVG document from 5 sources :- an SVG file on your computer,- an image file on your computer,- an internet URL of an SVG document,- from freesvg.org database,- with SVG code
  3. Select the SVG file check boxto load an SVG from a file on your computer
  4. Click the Browse button to choose the SVG file, then click Load or Cancel.
  5. Select the Image file check boxto load an SVG from an image file on your computer.
  6. Click Browse to choose the image file, then click Load or Cancel.An SVG document is created with the image in the background.
  7. Select the URL check boxto load an SVG from an internet URL.
  8. Enter the SVG URL.
  9. Click View to check the SVG before loading.
  10. Click Load.
  11. Select code source.
  12. Click code area and press CTRL V keysto paste SVG code.
  13. Click load.
Play
Load a freesvg.org document
Load SVG documents from freesvg.org collection
Load a freesvg.org document 

Showcase steps

  1. Click open icon in document menu
  2. Select Freesvg source
  3. Enter keyword to search
  4. Click search
  5. Documents are found in pages of 25 shown in light blueIn dark blue the documents being previewedClick on the bar to move the preview
  6. Click next or previous to shift the preview one by one
  7. Click on a preview document to view it
  8. Click load
  9. Load a freesvg document with its ID
  10. Click By ID
  11. Enter document ID
  12. Click OK
  13. The document is viewed.Click load
Play
Save document
Save SVG documents
Save document 

Showcase steps

  1. Click the Save icon in the Document menu.
  2. Enter the file name.
  3. Click Save as file,or click the link,or click Cancel.
Play
Load SVG code
Loading the svg/xml code of a new document
Load SVG code 

Showcase steps

  1. Open document menu.
  2. Click open icon.
  3. Click code checkbox.
  4. Enter CTRL V keys in the code area to paste the SVG code.
  5. Click load.
Play
Get SVG code
Getting the svg/xml code of the document
Get SVG code 

Showcase steps

  1. Open document menu.
  2. Click save icon.
  3. Click code tab.
  4. Click inside the code area.Then press CTRL C keys to copy the code in the clipboard.
  5. Click cancel button.
Play
Include SVG
Insert a SVG inside the document with different sources
Include SVG 

Showcase steps

  1. Click the SVG icon in the Elements menu.
  2. Click the top left corner of the SVG.
  3. Click the bottom right corner of the SVG.
  4. Click the 'Load SVG content' icon.
  5. You can load a SVG document from 5 sources :- an SVG file on your computer,- an image file on your computer,- an internet URL of an SVG document,- from freesvg.org repository- with SVG code
  6. Select the URL check boxto load an SVG from an internet URL.
  7. Enter the SVG URL.
  8. Click View to check the SVG before loading.
  9. Click Load.
  10. Insert another SVG.
  11. Change SVG contents by entering code.
  12. Select code.
  13. Press CTRL V keys to copy SVG code from clipboard.
  14. Click load.
Play
Modify dimensions
Setting the document dimensions, coordinates and window
Modify dimensions 

Showcase steps

  1. Click the Dimensions icon in the Document menu.
  2. Dialog box to edit the svg dimensionsand the definition of the user coordinates system.
  3. Set the dimensions to fixed size.
  4. Align the dimensions to the width and height of the user coordinates system.One pixel equals one user coordinate unit.
  5. Click OK.
Play
PNG export
Export a SVG document in PNG format
PNG export 

Showcase steps

  1. This showcase uses the Villandry sample that contains ref to HTTP images
  2. Click on the export png icon in document menu
  3. The task encode http images of the document
  4. Click OK when encoded
  5. Define the image size.Use ratio (div 2, mul 2) buttons
  6. Click OK
  7. Save the image
Play
Print a document
Printing a document
Play