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. |
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:
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
glyph
missing-glyph
|
ImGearVectorFont object.
| ||||||||
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.
| |||||||||
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 Entity or Object |
Saved as SVG Element /Property | ||
ImGearVectorFont object |
<font>
| ||
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> | ||
<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> |