How To Create Svg Graphics

Quick links to procedures on this page:

Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG) is an open standard graphics file format that allows designers to put the power of vector graphics to work on the web. It was created by the World Wide Web Consortium (W3C).

SVG files are described in Extensible Markup Language (XML). They are vector graphic images, which can provide superior detail and faster download times than bitmaps. Compressed SVG files have an .svgz filename extension.

To view SVG files, you need an SVG viewer plug-in such as the Corel SVG viewer.

Unicode support

SVG files support Unicode encoding for text. When exporting an SVG file, you can choose a Unicode encoding method.

Embedding and linking

You can embed information in an SVG file, or you can create additional files to store some of the information. For example, you can embed a style sheet in an SVG file, or you can create an external cascading style sheet and link it to the SVG file. By default, JavaScript, such as JavaScript related to rollovers, is embedded in the exported file, but you can choose to store it as a separate file linked to the SVG file. Also, you can embed bitmaps, or you can save bitmaps as externally linked files.

Exporting text

You can export text as text or curves. When exporting text as text, you can choose to embed all fonts in a Scalable Vector Graphics file to have full editing capabilities. You can also embed only the fonts used, and common English or common Roman fonts.

Using preset export options

To make your work easier, you can use preset export options, and you can create custom preset export options that you can reuse later.

Using SVG colors

SVG colors correspond to color keywords. You can use the SVG color palette available in the application to help ensure that colors in the exported SVG file are defined by color keywords. To ensure that the SVG color names you choose are retained in the SVG exported file, it is recommended that you disable color correction. For information about color correction, see Understanding color management.

Adding reference information to SVG objects

Reference information can be added and retained in an exported Scalable Vector Graphics object. You can add information to an object so that the information appears in the file's XML tags. These tags are derived from the data field names, each of which is formatted as general text, data and time, linear and angular dimensions, or numbers. For example, you can name individual objects in the drawing and add comments for each of these objects. The name and comments for each object display in the tags of the exported Scalable Vector Graphics file. For more information about assigning information to objects, see Assigning and copying object data.

3 .

Choose SVG - Scalable vector graphics or SVGZ - Compressed SVG from the Save as type list box.

6 .

From the Compatibility list box, choose an SVG version for the exported file.

7 .

From the Encoding method list box, choose one of the following encoding options:

•

Unicode - UTF-8 — produces a smaller file size. This is the default encoding method and is useful in most circumstances.

8 .

In the Export text area, enable one of the following options:

•

As text — exports text as editable characters, known as glyphs

•

Internal style sheet — uses the CLASS attribute to embed the style sheet in the Scalable Vector Graphics file

•

External CSS — creates an external cascading style sheet file and links it to the Scalable Vector Graphics file

JavaScript related to rollovers can be saved to a separate file by enabling the Link externally check box in the JavaScript area.

You must embed fonts when you require the display of a specific font that the users may not have installed on their computers.

As the number of fonts or fountain fill steps increases, so does the size of the file.

Objects with mesh fills or drop shadows are exported as bitmaps.

If no single element in a drawing is selected, the content of the entire page is exported.

The Color palette manager opens.

3 .

From the Palette libraries folder, double-click the Process folder.

4 .

Click the Show or hide icon beside the SVG colors palette.

3 .

In the Name/value list, click a data field name.

Fields containing no values are ignored when a file is exported to the Scalable Vector Graphics format.

Importing an SVG file

Exporting an SVG file

Not all suite components documented in this Help are available in our Trial, Academic, and OEM versions. Unavailable components may include Corel applications, product features, third-party utilities, and extra content files.