What is Software? | What is Education? | What is Technology? | What is Research? | What is Wi-Fi? | What is Communication? | What is Customer Service?

Free SEO Tutorials & Help

Tutorials:   Adobe Flash   Adobe Photoshop   CorelDRAW   SEO  

Site Map




CorelDRAW Help & Tutorials

 Back to Topics


Scalable Vector Graphics (SVG) in CorelDRAW

Scalable Vector Graphics (SVG) in CorelDRAW


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 the Color management dialog box."

Adding reference information to SVG objects and files

Reference information can be added to a drawing and retained in an exported Scalable Vector Graphics object or file. You can add information to a drawing so that the information appears in the files 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."

Similarly, you can preserve page property information in a Scalable Vector Graphics file, in which the data field categories are maintained as inline tags. You can also rename the default author name, classification, description, and keywords categories.


Process to export a Scalable Vector Graphics file


To export a Scalable Vector Graphics file

1. Click File Export.

2. Locate the folder in which you want to save the file.

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

4. Type a filename in the File name list box.

5. Click Export.

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. 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

8. 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

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.

To preview the SVG file, you can use the Corel SVG viewer installed with the application.


Process to choose a color by using the SVG color palette


To choose a color by using the SVG color palette

1. Select an object.

2. Click Window Color palettes SVG colors.

3. Click a color swatch on the SVG color palette.

To ensure that SVG colors are preserved in the exported file, you can disable color correction by clicking Tools Color management and then choosing
   Color management off from the Style list box in the Color management dialog box.


Process to add reference information to a Scalable Vector Graphics object


To add reference information to a Scalable Vector Graphics object

1. Select an object using the Pick tool .

2. Click Tools Object data manager.

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

4. Type the information in the text box.

   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 right-arrow button, and then click Field editor. Click a field name and then click the Change button. Enable a field type

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


Process to add reference information to a Scalable Vector Graphics file


To add reference information to a Scalable Vector Graphics file

1. Click Window Dockers Properties.

2. Click the Page tab.

3. Type information in one or both of the following:

    Page title box

    Content boxes in the Page information area

   You can also

   Rename the data field categories     Click any of the Name data fields, and type a new name.

The Page tab appears only when no objects are selected.

Information in the HTML file box is not retained in the Scalable Vector Graphics file.

A valid Scalable Vector Graphics file must contain unique field names and no spaces or special characters. In the SVG export dialog box, you can click the Issues tab
   and ensure that all elements of the file are correctly named.


Copyright 2000-2005 Corel Corporation. All rights reserved.



More Topics:

CorelDRAW terminology and concepts

CorelDRAW application window

CorelDRAW workspace tools

Drawing lines in CorelDRAW

Drawing calligraphic, pressure-sensitive, and preset lines in CorelDRAW

Formatting lines and outlines in CorelDRAW

Copying, converting, and removing outlines in CorelDRAW

Closing multiple line segments in CorelDRAW

Applying brush strokes in CorelDRAW

Spraying objects along a line in CorelDRAW

Drawing flow and dimension lines in CorelDRAW

Drawing rectangles and squares in CorelDRAW

Drawing ellipses, circles, arcs, and pie shapes in CorelDRAW

Drawing polygons and stars in CorelDRAW

Drawing spirals in CorelDRAW

Drawing grids in CorelDRAW

Drawing predefined shapes in CorelDRAW

Drawing by using shape recognition in CorelDRAW

Selecting objects in CorelDRAW

Copying, duplicating, and deleting objects in CorelDRAW

Copying object properties, transformations, and effects in CorelDRAW

Cloning objects in CorelDRAW

Positioning objects in CorelDRAW

Aligning and distributing objects in CorelDRAW

Snapping objects in CorelDRAW

Using dynamic guides in CorelDRAW

Changing the order of objects in CorelDRAW

Sizing and scaling objects in CorelDRAW

Rotating and mirroring objects in CorelDRAW

Grouping objects in CorelDRAW

Combining objects in CorelDRAW

Locking objects in CorelDRAW

Finding and replacing objects in CorelDRAW

Constraining objects in CorelDRAW

Using curve objects in CorelDRAW

Shaping curve objects in CorelDRAW

Mirroring changes in curve objects in CorelDRAW

Skewing and stretching objects in CorelDRAW

Smudging objects in CorelDRAW

Roughening objects in CorelDRAW

Applying distortion effects in CorelDRAW

Shaping objects by using envelopes in CorelDRAW

Cropping, splitting, and erasing objects in CorelDRAW

Trimming objects in CorelDRAW

Filleting, scalloping, and chamfering corners in CorelDRAW

Welding and intersecting objects in CorelDRAW

Creating PowerClip objects in CorelDRAW

Converting vector graphics to bitmaps in CorelDRAW

Adding bitmaps in CorelDRAW

Cropping and editing bitmaps in CorelDRAW

Using Digimarc watermarks to identify bitmaps in CorelDRAW

Working with colors in bitmaps in CorelDRAW

Applying special effects to bitmaps in CorelDRAW

Adjusting color and tone quickly in the Image Adjustment Lab in CorelDRAW

Applying color and tone effects in CorelDRAW

Transforming color and tone effects in CorelDRAW

Removing dust and scratch marks from bitmaps in CorelDRAW

Editing bitmaps in Corel PHOTO-PAINT in CorelDRAW

Tracing bitmaps in CorelDRAW

Previewing traced results in CorelDRAW

Controlling the colors of traced results in CorelDRAW

Changing the color mode of bitmaps in CorelDRAW

Changing bitmaps to black-and-white images in CorelDRAW

Changing bitmaps to the paletted color mode in CorelDRAW

Changing bitmaps to duotones in CorelDRAW

Using preset Internet objects in CorelDRAW

Optimizing bitmaps for the World Wide Web in CorelDRAW

Creating rollovers in CorelDRAW

Creating Web-compatible text in CorelDRAW

Preparing files and objects for Web publishing in CorelDRAW

Publishing to HTML in CorelDRAW

Setting up the project database in CorelDRAW

Assigning and copying object data in CorelDRAW

Viewing an object data summary in CorelDRAW

Printing your work in CorelDRAW

Laying out print jobs in CorelDRAW

Previewing print jobs in CorelDRAW

Applying print styles in CorelDRAW

Fine-tuning print jobs in CorelDRAW

Printing colors accurately in CorelDRAW

Printing to a PostScript printer in CorelDRAW

Using the Print merge wizard in CorelDRAW

Preparing a print job for a service bureau in CorelDRAW

Working with imposition layouts in CorelDRAW

Printing printers marks in CorelDRAW

Maintaining OPI links in CorelDRAW

Printing color separations in CorelDRAW

Working with color trapping and overprinting in CorelDRAW

Specifying In-RIP trapping settings in CorelDRAW

Printing to film in CorelDRAW

Saving documents as PDF files in CorelDRAW

Including hyperlinks, bookmarks, and thumbnails in PDF files in CorelDRAW

Reducing PDF file size in CorelDRAW

Working with text and fonts when creating PDF files in CorelDRAW

Specifying the encoding format for PDF files in CorelDRAW

Setting the number of fountain steps in PDF files in CorelDRAW

Choosing an EPS file format in CorelDRAW

Choosing a color model for objects in PDF files in CorelDRAW

Preparing PDF files for a service bureau in CorelDRAW

Setting security options for PDF files in CorelDRAW

Viewing preflight summaries for PDF files in CorelDRAW

Optimizing PDF files in CorelDRAW

Inserting linked or embedded objects in CorelDRAW

Editing linked or embedded objects in CorelDRAW

Importing files in CorelDRAW

Exporting files in CorelDRAW

Working with office applications in CorelDRAW

Adobe Illustrator (AI) in CorelDRAW

Windows Bitmap (BMP) in CorelDRAW

Computer Graphics Metafile (CGM) in CorelDRAW

CorelDRAW (CDR) in CorelDRAW

Corel Presentation Exchange (CMX) in CorelDRAW


Microsoft Word Document (DOC or RTF) in CorelDRAW

Corel DESIGNER (DSF or DES) in CorelDRAW

AutoCAD Drawing Database (DWG) in CorelDRAW

AutoCAD Drawing Interchange Format (DXF) in CorelDRAW

Encapsulated PostScript (EPS) in CorelDRAW

PostScript (PS or PRN) in CorelDRAW

GIF in CorelDRAW



JPEG 2000 (JP2) in CorelDRAW

Kodak Photo CD Image (PCD) in CorelDRAW


PaintBrush (PCX) in CorelDRAW

Portable Document Format (PDF) in CorelDRAW

HPGL Plotter File (PLT) in CorelDRAW

Portable Network Graphics (PNG) in CorelDRAW

Adobe Photoshop (PSD) in CorelDRAW

Corel Painter (RIF) in CorelDRAW

Scalable Vector Graphics (SVG) in CorelDRAW

Macromedia Flash (SWF) in CorelDRAW



Corel Paint Shop Pro (PSP) in CorelDRAW

WordPerfect Graphic (WPG) in CorelDRAW

Creating, applying, and editing graphic or text styles in CorelDRAW

Customizing the Graphic and text styles docker in CorelDRAW

Creating and applying color styles in CorelDRAW

Editing and sorting color styles in CorelDRAW

Moving and copying color styles in CorelDRAW

From Adobe Illustrator to CorelDRAW

Creating, editing, and deleting symbols in CorelDRAW

Using symbols in drawings in CorelDRAW

Managing collections and libraries in CorelDRAW

Sharing symbols between drawings in CorelDRAW

Applying uniform fills in CorelDRAW

Applying fountain fills in CorelDRAW

Applying pattern fills in CorelDRAW

Applying texture fills in CorelDRAW

Applying PostScript texture fills in CorelDRAW

Applying mesh fills in CorelDRAW

Applying fills to areas in CorelDRAW

Working with fills in CorelDRAW

Choosing colors in CorelDRAW

Creating custom color palettes in CorelDRAW

Opening and editing custom color palettes in CorelDRAW

Setting color palette properties in CorelDRAW

Understanding the Color management dialog box in CorelDRAW

Working with color profiles in CorelDRAW

Choosing advanced color management settings in CorelDRAW

Correcting colors for display in CorelDRAW

Contouring objects in CorelDRAW

Applying perspective to objects in CorelDRAW

Creating vector extrusions in CorelDRAW

Creating bevel effects in CorelDRAW

Creating drop shadows in CorelDRAW

Blending objects in CorelDRAW

Applying transparencies in CorelDRAW

Applying merge modes in CorelDRAW

Applying lenses in CorelDRAW

Editing lenses in CorelDRAW

Specifying the page layout in CorelDRAW

Choosing a page background in CorelDRAW

Adding, renaming, and deleting pages in CorelDRAW

Using the rulers in CorelDRAW

Calibrating the rulers in CorelDRAW

Setting up the grid in CorelDRAW

Setting up guidelines in CorelDRAW

Setting the drawing scale in CorelDRAW

Creating layers in CorelDRAW

Changing layer properties and stacking order in CorelDRAW

Moving and copying objects between layers in CorelDRAW

Adding and selecting text in CorelDRAW

Encoding text in CorelDRAW

Changing the appearance of text in CorelDRAW

Finding, editing, and converting text in CorelDRAW

Aligning and spacing text in CorelDRAW

Shifting and rotating text in CorelDRAW

Moving text in CorelDRAW

Fitting text to a path in CorelDRAW

Formatting paragraph text in CorelDRAW

Hyphenating text in CorelDRAW

Combining and linking paragraph text frames in CorelDRAW

Wrapping paragraph text around objects and text in CorelDRAW

Embedding graphics and adding special characters in CorelDRAW

Inserting formatting codes in CorelDRAW

Inserting formatting codes in CorelDRAW

Formatting Asian text in CorelDRAW

Using Asian line-breaking rules in CorelDRAW

Substituting unavailable fonts in CorelDRAW

Previewing and identifying fonts in CorelDRAW

Using QuickCorrect in CorelDRAW

Using the spelling checker and Grammatik in CorelDRAW

Using the thesaurus in CorelDRAW

Working with languages in CorelDRAW

Customizing the writing tools in CorelDRAW

Using checking styles in CorelDRAW

Using rule classes in CorelDRAW

Analyzing a drawing in CorelDRAW

Using word lists in CorelDRAW

Checking statistics in CorelDRAW