ImageGear .NET v25.2 - Updated
Developer Guide / File Formats and Compressions / File Formats / File Formats Reference / SVG
In This Topic
    SVG
    In This Topic
    Full Name SVG (Scalable Vector Graphics)
    Format ID ImGearFormats.SVG
    File Extension(s) *.svg
    Data Type Vector Image
    Data Encoding XML
    Multi-Page Support No
    Alpha Channel Support No
    ImageGear Platforms Support WIN32, WIN64, .NET, .NET64
    SVG Format requires the ImageGear.Formats.SVG Namespace.

    ImageGear Supported Versions

    ImageGear Supported Features

    ImageGear Read Support

    ImageGear Write Support

    Comments

    SVG is a markup language for describing two-dimensional graphics applications and images, and a set of related graphics script interfaces. SVG 1.1 is a W3C Recommendation and is the most recent version of the full specification. The second edition - SVG 1.1 - includes clarifications and minor improvements based on developer feedback. Most of commonly used browsers support SVG format by some level. The specification for this format is available on W3C web site:

    http://www.w3.org/TR/SVG11/

    ImageGear Filter Control Parameters

    Filter Control Parameter

    Type

    Default Value

    Available Values

    Description

    AllPDFPages

    bool

    false

    true/false

    This parameter specifies whether all PDF pages should be concatenated into one long SVG file when saving from PDF to SVG.

    SVG Elements Supported for Reading

    SVG Element*

    Supported Attributes

    Supported Properties

    Imported into ImageGear as:

    circle

    class

    id

    style

    transform

    cx

    cy

    r

     

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-width

    visibility

    ImGearVectEntities.ELLIPSE entity.

    clipPath

    id

    -

    Clipping region for the specified entity. Use Vector Entity functions to access clipping regions.

    defs

    class

    id

    style

    transform

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK entity.

    ellipse

    class

    id

    style

    transform

    cx

    cy

    rx

    ry

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-width

    visibility

    ImGearVectEntities.ELLIPSE entity.

    font

    style

    Attributes listed below are only stored and saved back to SVG, but are not used for display:

    horiz-origin-x

    horiz-origin-y

    horiz-adv-x

    vert-origin-x

    vert-origin-y

    vert-adv-y

    font-face

    See "font-face" element, below.

    glyph

    See "glyph" element, below.

    missing-glyph

    See "glyph" element, below.

    ImGearVectorFont object.

    If ImGearVectorFont object is created from <font> Svg element, it will be saved as <font> svg tag when writing the image in SVG format. In any other cases ImGearVectorFont object will be written as attributes and properties of <text> or <tspan> elements.
    font-face

    font-family

    font-size

    font-style

    font-weight

    units-per-em

    Attributes listed below are only stored and saved back to SVG, but are not used for display:

    font-stretch

    font-variant

      Stored as part of a ImGearVectorFont object.

    G

    class

    id

    style

    transform

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK and ImGearVectEntities.INSERTION entities.

    ImGearVectEntities.INSERTION references ImGearVectEntities.BLOCK.

    glyph

    unicode

    d

    Attributes listed below are only stored and saved back to SVG, but are not used for display:

    horiz-adv-x

    vert-adv-y

     

    Stored as part of a ImGearVectorFont object.

    Glyphs that correspond to a sequence of two or more Unicode characters are not supported.

    image

    class

    id

    style

    transform

    xlink:href

    x

    y

    width

    height

    clip-path

    display

    visibility

    ImGearVectEntities.RASTER entity.

    line

    class

    id

    style

    transform

    x1

    y1

    x2

    y2

    clip-path

    color

    dash-repeat

    display

    marker-end

    marker-start

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-width

    visibility

    ImGearVectEntities.EASYLINE entity.

    linearGradient

    class

    id

    style

    x1

    x2

    y1

    y2

    spreadMethod

    gradientTransform

    gradientUnits

    xlink:href

    See ‘stop’ element

    ImGearVectorGradient and ImGearVectorFilltype objects.

    ImGearVectorFilltype references ImGearVectorGradient.

    marker

    class

    id

    style

    transform

    markerUnits

    refX

    refY

    markerWidth

    markerHeight

    orient

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK and ImGearVectEntities.INSERTION entities.

    ImGearVectEntities.INSERTION references ImGearVectEntities.BLOCK.

    path

    class

    id

    style

    transform

    d

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    fill-rule

    marker-end

    marker-start

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    visibility

    ImGearVectEntities.FIGURE entity.

    polygon

    class

    id

    style

    transform

    points

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    fill-rule

    marker-end

    marker-start

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    visibility

    ImGearVectEntities.POLYLINE entity.

    polyline

    class

    id

    style

    transform

    points

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    fill-rule

    marker-end

    marker-start

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    visibility stroke-width

    visibility

    ImGearVectEntities.POLYLINE entity.

    radialGradient

    class

    id

    style

    cx

    cy

    r

    fx

    fy

    spreadMethod

    gradientTransform

    gradientUnits

    xlink:href

    See ‘stop’ element

    ImGearVectorGradient and ImGearVectorFilltype objects.

    ImGearVectorFilltype references ImGearVectorGradient.

    rect

    class

    id

    style

    transform

    x

    y

    width

    height

    rx

    ry

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    fill-rule

    marker-end

    marker-start

    opacity

    stroke

    stroke-dasharray

    stroke-width

    visibility

    ImGearVectEntities.POLYLINE entity.

    stop

    class

    style

    offset

     

    stop-color

    stop-opacity

    Stops within ImGearVectEntities.GRADIENT. Use Vector Gradient functions to access the stops.

    Svg

    class

    id

    style

    transform

    x

    y

    width

    height

    viewbox

     

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    fill-rule

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    First-level occurrences are interpreted as ImGearVectorView object.

    Nested occurrences are interpreted as ImGearVectEntities.BLOCK entity.

    switch

    class

    id

    style

    transform

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK and ImGearVectEntities.INSERTION entities.

    ImGearVectEntities.INSERTION references ImGearVectEntities.BLOCK.

    symbol

    class

    id

    style

    transform

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK and ImGearVectEntities.INSERTION entities.

    ImGearVectEntities.INSERTION references ImGearVectEntities.BLOCK.

    text

     

    class

    id

    style

    transform

    x

    y

    dx

    dy

    rotate

    textLength

    lengthAdjust

     

    clip-path

    display

    fill

    fill-opacity

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.TEXT entity with one or more ImGearVectorTextObject objects.

    tspan

    class

    id

    style

    transform

    x

    y

    dx

    dy

    rotate

    textLength

    lengthAdjust

     

    clip-path

    display

    fill

    fill-opacity

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.TEXT entity with one or more ImGearVectorTextObject objects.

    use

    class

    id

    style

    transform

    clip-path

    color

    dash-repeat

    display

    fill

    fill-opacity

    opacity

    stroke

    stroke-dasharray

    stroke-linecap

    stroke-linejoin

    stroke-width

    text-anchor

    visibility

    font-family

    font-style

    font-variant

    font-size

    font-weight

    font-stretch

    font-size-adjust

    ImGearVectEntities.BLOCK and ImGearVectEntities.INSERTION entities.

    ImGearVectEntities.INSERTION references ImGearVectEntities.BLOCK.

    * See SVG format specification for details on SVG elements, attributes, and properties: http://www.w3.org/TR/SVG11/

    ImageGear Vector Entities and Objects Supported for Writing to SVG Format

    ImageGear Entity or Object

    Saved as SVG Element /Property

    ImGearVectorFont object

    <font>
          <font-face>
          <glyph>
          <missing-glyph>

    ImGearVectorFont object is saved as <font> SVG tag only if it has been created from <font> svg element when loading Svg image. In all other cases ImGearVectorFont object is saved as attributes and properties of <text> or <tspan> elements.

    ImGearVectEntities.EASYLINE

    <line>

    ImGearVectEntities.BLOCK

    <g>

    ImGearVectEntities.INSERTION

    <use>

    ImGearVectEntities.POLYLINE

    <path> or <polyline> depending on whether the entity contains hidden vertices

    ImGearVectEntities.POLYLINEEX

    <path>

    ImGearVectEntities.ELLIPSE

    <ellipse>

    ImGearVectEntities.ARC

    <path>

    ImGearVectEntities.RASTER

    <image>

    ImGearVectEntities.BEZIER_CURVE

    <path>

    ImGearVectEntities.NURBS_SURFACE

    <path>

    ImGearVectEntities.SOLID

    <polyline>

    ImGearVectEntities.NURBS_CURVE

    <polyline>

    ImGearVectEntities.FIGURE

    <path>

    ImGearVectEntities.TEXT

    <text> with <tspan>

      

    Notes: