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.
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. JavaScript, which may be used for rollovers and interactive effects, is embedded in the exported file by default. 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.
Interactive effects
If the document contains InteractiveSVG object data, you can include interactive effects in the exported file. For information about InteractiveSVG, see Apply InteractiveSVG data to objects.
Exporting text
You can export text as text or curves. When exporting text as text, you can choose to embed all fonts in an SVG 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 Get started with color management.
Adding reference information to SVG objects
Reference information can be added and retained in an exported SVG 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 SVG file.
To import a Scalable Vector Graphics file
1
Click
File 
Import.
2
Locate the folder in which the file is stored, select the file, and click
Import.
3
In the
Import SVG file dialog box, enable one of the following options:
•
Automatic — scales the drawing using the scale of the source file
•
English (1 unit = 1 inch) — lets you scale the drawing in inches
•
Metric (1 unit = 1 mm) — lets you scale the drawing in millimeters
4
Choose a drawing scale from the
Scaling list box.
6
Click the drawing page where you want to place the file.
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.
2
In the
Export dialog box, locate the folder in which you want to save the file, and type a filename in the
File name list box.
3
Choose
SVG - Scalable vector graphics or
SVGZ - Compressed SVG from the
Save as type list box.
5
In the
SVG Export dialog box, choose an SVG version for the exported file from the
Compatibility list box.
6
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.
•
Unicode - UTF-16 — produces a bigger file size
7
Choose one of the following options from the
Styling options list box:
•
Presentation attributes — lets you specify attributes directly in an element in the exported file
•
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
If the file contains InteractiveSVG object data, enable the
Use Object Data check box to include interactive effects in the exported file.
JavaScript related to rollovers and interactive effects can be saved to a separate file by enabling the
Link Externally check box in the
JavaScript area.
8
In the
Export text area, enable one of the following options:
•
As text — exports text as editable characters, known as glyphs
•
As curves — exports text as curves
|
|
|
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. |
|
|
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 |
|
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 More Palettes.
3
From the
Palette libraries folder, double-click the
Process folder.
4
Enable the
SVG colors check box.
To add reference information to a Scalable Vector Graphics object
1
Select an
object using the
Pick tool
.
2
Click
Window Object Data.
3
In the
Name/value list, click a data field name.
4
Type the information in the text box.
|
|
|
|
|
Click the Open field editor button  . Choose the name of the data field, and type a new name. |
|
|
Click the Open field editor button. Click New Field, 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
•
Most of the information in SVG files created in other programs is preserved in the imported file, even if Corel DESIGNER does not support a feature. For example, information about ink strokes in an SVG file created in another program is preserved in the imported file, even though the ink strokes are not displayed.
•
Clipped and masked objects are imported as PowerClip objects.
•
Group, object, and symbol names and IDs are retained in the imported file.
•
Symbols in the imported file appear in the
Symbols docker.
•
Bitmap files embedded in an SVG file are retained.
•
SVG color definitions and names are supported.
•
Round-tripping is supported.
•
Hyperlinks are supported.
Exporting an SVG file
•
Scalable Vector Graphics (SVG) allows three types of graphic objects: vector graphic shapes (for example, paths consisting of straight lines and curves), images, and text.
•
Drop shadows are rasterized in SVG files.
•
All Corel DESIGNER symbols are supported on export as SVG symbols.
•
Object, layer, group, and symbol names are also supported. If the names are the same, the SVG file appends unique numbers to the object IDs. Invalid names are corrected on export.
•
Graphical objects can be grouped, styled, transformed, and combined into previously rendered objects.
•
You can export text as editable characters, so that after you publish an SVG graphic to the web, text continues to be recognized as text. Text strings can be restyled, copied and pasted, or indexed by search engines. Text can also be edited by SVG-capable editing programs, eliminating the need for maintaining multiple versions of graphic images for editing.
•
The SVG standard allows the use of Cascading Style Sheets (CSS) to define font, text, and color properties of objects on a page.
•
Layers are retained as groups in the exported file. If you import the file back into Corel DESIGNER, the layer groups are converted into layers with the original layer names preserved.
•
Only the active page in a drawing is exported. If you want to export only a part of a drawing, enable the
Selected only check box in the
Export dialog box.
•
URLs assigned to text objects are retained in the exported file.
•
Transformations, such as rotation and skewing, are usually retained in the exported files. In some cases, transformations may be lost, and transformed shapes may be converted into curves.