Importing a vector graphic

Vector graphics are added to a symbol in the same way as any other object.
To import an SVG image:
  1. In the Symbol Editor, create a new symbol.
    For more information, see Making a new symbol.
  2. In the toolbar, click Add Image.
    The Choose Image File dialog box opens.
    diasym_addimagebutton2.png
    The Add Image button
  3. Navigate to the following directory:
    <installdir>/jviews-diagrammer810/bin/symboleditor/data/examples.
  4. From the Files of type list, select Scalable Vector Graphics Files.
  5. Select progressbar.svg and then click Open.
    The Adding Vector Graphics dialog box opens.
  6. Click OK.
    The progressbar image is added to your symbol.
diasym_newsvg3.png
A Symbol containing an SVG image
As shown in the figure, the imported image is named SVG in the Symbol Outline pane. If more than one SVG image is added to the symbol, additional graphics are named SVG2, SVG3, and so on automatically.
Note
When an SVG image is added to a symbol, the Image tab is added to the Styling Customizer. This tab is used to edit the width and height of the image manually. It also contains the URL to the imported image file.
An imported image is placed in the top layer of the symbol hierarchy. However, an image can be used as the base object for the symbol.
To use the imported image as the base object of the symbol:
  1. In the symbol you have just created, change the name of the imported image from SVG to progressbar .
    For more information, see Performing basic object customization.
  2. Delete the Shape and Text objects from your symbol.
    For more information, see Deleting an object. The progressbar SVG image is now the base object.
  3. Open the palette bampalette created in Using palettes and categories.
    For more information, see Closing and opening symbols and palettes.
  4. Save the new symbol as svgprogressbar in the progressbars category of bampalette.
    See Saving a symbol for more information.