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

×

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

×

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

×

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

×

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

×

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

×

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

×

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

×

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