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 Getting started with color management in Corel DESIGNER.

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.

To import a Scalable Vector Graphics file

1 .	Click File Import.

For more information about importing SVG files, see Importing an SVG file.

For more information about placing the imported file, see To import a file into an active drawing.

To export a Scalable Vector Graphics file

1 .	Click File Export.

You can also
Specify the dimensions of the exported document	In the Document Setup area, type a value in the Height and Width boxes.
Change the unit of measurement	Choose a unit of measurement from the list box to the right of the Height and Width boxes.
Set the drawing precision	From the Drawing precision list box, select the drawing precision defined as a ratio of units. When you choose pixels as the export unit of measurement in the Document Setup area, the application automatically sets the drawing precision to 1:1 and rounds all dimensions in the SVG file to the nearest pixel. With smaller documents, the output is not affected. With larger documents, however, rounding the pixel measurements may result in output inaccuracies — objects in the document may look different from the objects in the exported file. To avoid such inaccuracies and increase the precision of the vector coordinates, enable the Use decimal precision option or choose a drawing precision value higher than 1:10. Note that using decimal precision increases the size of the exported file.
Set the number of fountain fill steps to export	In the Fountain steps box, type the number of fill levels.
Embed a font	Enable the Embed font in file check box. Choose which fonts you want to embed from the Character subsetting list box.
Give an embedded font priority over the default browser font	Enable the Give embedded font priority check box.
Export bitmaps to the JPEG, GIF, or PNG file format	Choose a bitmap format from the Bitmap export type list box, and enable one of the following options: Link images — saves each bitmap as a separate file that is linked to the SVG file Embed images — embeds each bitmap in the SVG file
Apply preset export options	Choose a preset from the Presets list box.
Create custom preset export options	Choose the settings you want, click the Add preset button beside the Presets list box, and type a name for the settings.
Preview the exported file	Click Preview.

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.

To choose a color by using the SVG color palette

2 .	Click Window Color palettes Color palette manager.

To add reference information to a Scalable Vector Graphics object

1 .	Select an object using the Pick tool .

2 .	Click Window Object data manager.

You can also
Rename a data field	Click the Open field editor button . Choose the name of the data field, and type a new name.
Add a data field	Click the Open field editor button. Click the Create new field button, and type the name of the new field.
Change the data field format	Click the Open field editor button. Click a field name and then click the Change button. Enable a field type option.

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

Scalable Vector Graphics (SVG) technical notes

Importing an SVG file

Exporting an SVG file

---

Was this page helpful? Send feedback. (Internet connection required.)

---

Copyright 2018 Corel Corporation. All rights reserved.