SVG Tutorial

Datentypen

   BaselineShiftValue

Index ↑ Datentypen

Mögliche Werte:
  baseline | sub | super | <percentage> | <length> | inherit
<percentage> steht für eine Prozentzahl.
Voreinstellung:
  baseline

   Boolean

Index ↑ Datentypen

Mögliche Werte:
  false | true

   ClassList

Index ↑ Datentypen

Mögliche Werte:
  eine CSS Klassenbezeichnung (vom Programmierer festgelegt)

   ClipPathValue

Index ↑ Datentypen

Mögliche Werte:
  <uri> | none | inherit
Voreinstellung:
  none

   ClipFillRule

Index ↑ Datentypen

Mögliche Werte:
  nonzero | evenodd | inherit
Voreinstellung:
  nonzero

   ContentType

Index ↑ Datentypen

Mögliche Werte:
  Ein "media type" nach [RFC2045] (z.B. text/css)

   Coordinate

Index ↑ Datentypen

Mögliche Werte:
  Eine Koordinate. Ein Wert vom Typ <number>.

   Color

Index ↑ Datentypen

Mögliche Werte:
  <color> | inherit
Eine RGB-Farbangabe. Folgenden Angaben sind möglich:

• eins von ca. 150 festgelegten Farbworten z.B.: "black", "white", "mediumspringgreen", ...)
  
• eine hexadeximale Farbangabe mit vorangestelltem # z.B: "#ff3333"
  
• eine dezimale Farbangabe folgender Art: "rgb(255,200,0)"

Voreinstellung:
  äbhängig vom "user agent"

   CursorValue

Index ↑ Datentypen

Mögliche Werte:
  [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help ] ] | inherit
Voreinstellung:
  auto

   EnableBackgroundValue

Index ↑ Datentypen

Mögliche Werte:
  accumulate | new [ <x> <y> <width> <height> ] | inherit
Voreinstellung:
  accumulate

   ExtensionList

Index ↑ Datentypen

Mögliche Werte:
  eine Liste von <uri>'s, die mögliche Sprach-Erweiterungen repräsentieren, die der "user agent" unterstützt (z.B.: "http://example.org/SVGExtensionXYZ/1.0")

   FeatureList

Index ↑ Datentypen

Mögliche Werte:
  eine Liste von <uri>'s, die die bestimmte Features bzw. Gruppen von Features von SVG repräsentieren. Folgend eine Auswahl von Möglichkeiten:
"org.w3c.svg.static" bedeutet die Verfügbarkeit aller Features außer DOM und Animation
"org.w3c.dom.svg" bedeutet die Verfügbarkeit von DOM
"org.w3c.svg.animation" bedeutet die Verfügbarkeit von Animation
"org.w3c.dom.svg.animation" bedeutet die Verfügbarkeit von DOM und Animation "org.w3c.svg.dynamic" bedeutet die Verfügbarkeit aller Features von SVG

   FilterValue

Index ↑ Datentypen

Mögliche Werte:
  <uri> | none | inherit
Voreinstellung:
  none

   FontFamilyValue

Index ↑ Datentypen

Mögliche Werte:
  [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
Dies bedeutet Angabe einer oder mehrerer Schriftarten, z.B.:
"Verdana,'Comic Sans Serif',sans-serif"
Voreinstellung:
  abhängig vom "user agent"

   FontSizeValue

Index ↑ Datentypen

Mögliche Werte:
  <absolute-size> | <relative-size> | <length> | <percentage> | inherit
<percentage> steht für eine Prozentzahl.
Voreinstellung:
  medium

   FontSizeAdjustValue

Index ↑ Datentypen

Mögliche Werte:
  <number> | none | inherit
Voreinstellung:
  none

   GlyphOrientationHorizontalValue

Index ↑ Datentypen

Mögliche Werte:
  <angle> | inherit
<angle> ist eine Winkelangabe in Grad vom Typ <number>.
Voreinstellung:
  0deg

   GlyphOrientationVerticalValue

Index ↑ Datentypen

Mögliche Werte:
  auto | <angle> | inherit
<angle> ist eine Winkelangabe in Grad vom Typ <number>.
Voreinstellung:
  auto

   Integer

Index ↑ Datentypen

Mögliche Werte:
  Eine positive oder negative Ganzzahl von -2147483648 bis 2147483647.

   LanguageCode

Index ↑ Datentypen

Mögliche Werte:
  Ein Sprachkürzel nach [RFC3066].
Einige Beispiele:
  de   deutsch
  en   englisch
  fr   französisch

   LanguageCodes

Index ↑ Datentypen

Mögliche Werte:
  Eine durch Komma getrennte Liste von <language code>'s nach [RFC3066], z.B:
"de,en,fr,ch,nl"

   Length

Index ↑ Datentypen

Mögliche Werte:
eine <number> (Kommazahl) gefolgt von einer möglichen Maßangabe (auch %), z.B.:
"4pt", "9cm", "500", "90%"
Voreinstellung der Maßangabe (!):   px (Pixel)

   Lengths

Index ↑ Datentypen

Mögliche Werte:
  eine durch Komma getrennte Liste von Längenangaben <length>, z.B.:
"100,200,100,50" oder "4cm,5cm"

   LinkTarget

Index ↑ Datentypen

Mögliche Werte:
  Name eines Ziels
vom Programmierer festgeleger Wert eines name-Attributs

   MarkerValue

Index ↑ Datentypen

Mögliche Werte:
  in der Regel: <uri> | none | inherit
Orginaltext SVG-REC1.0: see individual properties
Voreinstellung:
  none

   MaskValue

Index ↑ Datentypen

Mögliche Werte:
  <uri> | none | inherit
Voreinstellung:
  none

   MediaDesc

Index ↑ Datentypen

Mögliche Werte:
  Orginaltext SVG-REC1.0: comma-separated list of media descriptors

   Number

Index ↑ Datentypen

Mögliche Werte:
  eine Kommazahl von -3.4e+38F bis +3.4e+38F.

   OpacityValue

Index ↑ Datentypen

Mögliche Werte:
  <alphavalue> | inherit
<alpavalue> umfaßt die Ziffer 0, die Ziffer 1 und eine <number> (Kommazahl) zwischen 0 und 1
Voreinstellung:
  1

   Paint

Index ↑ Datentypen

Mögliche Werte:
  none | currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)] | <uri> [ none | currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)]] | inherit
Werte für die Attribute fill und stroke.
<icc-color> sind Farbprofile für verschiedenste Ausgabegeräte.

   PathData

Index ↑ Datentypen

Mögliche Werte:
  eine Pfadbeschreibung, bestehend aus:
1. Anweisungen zum Verlauf des Pfades in Form von einzelnen Buchstaben

• M, m - für das Aufetzen des Stiftes,
• Z, z - zum Schließen des Pfades,
• L, l - für eine geraden Verlauf,
• H, h - für einen horizontalen, geraden Verlauf,
• V, v - für eine vertikalen, geraden Verlauf,
• C, c und S,s - für kubische Bezier-Kurven,
• Q, q und T,t - für quadratische Bezier-Kurven,
• A, a - für Bogenverläufe.
• Großbuchstaben sind absolute Angaben, Kleinbuchstaben sind relative (zu letzten Punkt) Angaben.
• Nach Anweisung folgt eine festgelegte Anzahl von Koordinatenpunkten und/oder Anweisungen zu Pfadeigenschaften.

2. Kommazahlen vom Typ <number> zur Festlegung von Koordinatenpunkten, z.B.: "M 20 40.5 L 40 20.5"
3. Ganzzahlen vom Typ <integer> zur Festlegung bestimmter Pfadeigenschaften, z.B.: Weg und Richtung des Pfades bei Bogenlinien (A,a).

   Points

Index ↑ Datentypen

Mögliche Werte:
  Eine Listen von Punkten, in der Regel Koordinaten.
Vom Typ <number>

   PreserveAspectRatioSpec

Index ↑ Datentypen

Mögliche Werte:
  none | xMinYMin | xMidYMin | xMaxYMin | xMinYMid | xMidYMid | xMaxYMid | xMinYMax | xMidYMax | xMaxYMax.
Die Attributwerte für das Attribut preserveAspectRatio.
Voreinstellung:
  xMidYMid

   Script

Index ↑ Datentypen

Mögliche Werte:
  Anweisungen in Skriptsprachen (ECMAScript, JavaScript, ..)

   SpacingValue

Index ↑ Datentypen

Mögliche Werte:
  normal | <length> | inherit
Attributwerte der Attribute letter-spacing und word-spacing.
Voreinstellung:
  normal

   StrokeDashArrayValue

Index ↑ Datentypen

Mögliche Werte:
  none | <dasharray> | inherit
<dasharray> ist ein durch Komma getrennte Liste von <length>
Voreinstellung:
  none

   StrokeDashOffsetValue

Index ↑ Datentypen

Mögliche Werte:
  <length> | inherit
Voreinstellung:
  0

   StrokeWidthValue

Index ↑ Datentypen

Mögliche Werte:
  <length> | inherit
Voreinstellung:
  1

   StyleSheet

Index ↑ Datentypen

Mögliche Werte:
  Anweisungen in Style-Sprachen, wie CSS.

   SVGColor

Index ↑ Datentypen

Mögliche Werte:
  currentColor | <color> [icc-color(<name>[,<icccolorvalue>]*)] | inherit
Werte für die Attribute stop-color, flood-color und lighting-color.
<icc-color> sind Farbprofile für verschiedenste Ausgabegeräte. Voreinstellung:
  stop-color:black, flood-color:black, ligting-color:white

   Text

Index ↑ Datentypen

Mögliche Werte:
  eine Zeichenkette

   TextDecorationValue

Index ↑ Datentypen

Mögliche Werte:
  none | [ underline || overline || line-through || blink ] | inherit
Voreistellung:   none

   TransformList

Index ↑ Datentypen

Mögliche Werte:
  Ein Liste von <number>'s die Transformationsanweisungen darstellen.
Repräsentieren Koordinatenpunkte, Winkemaße, Längen für die Anweisungen translate, scale, rotate, skewX, skewY und matrix des transform-Attributs.

• translate(<tx> [<ty>]) - Verschiebung um tx und/oder ty entlang der x- und/oder y-Achse,
• scale(<sx> [<sy>]) - Skalierung in sx Breite und/oder sy Höhe,
• rotate(<rotate-angle> [<cx> <cy>]) - Rotation um <rotate-angle< Grad, um einen Drehpunkt mit den Koordinaten cx und cy,
• skewX(<skew-angle>) - Neigung in Richtung x-Achse um <skew-angle> Grad,
• skewY(<skew-angle>) - Neigung in Richtung y-Achse um <skew-angle> Grad,
• matrix(<a> <b> <c> <d> <e> <f>) - Veränderung der Matrix durch die Werte a, b, c, d, e und f.
  

   URI

Index ↑ Datentypen

Mögliche Werte:
  eine URI-Referenz folgender Art:

• "http:://irgendwo.net/" - eine beliebige Internetadresse,
• "../verzeichnis/datei.*" - eine relative Pfadangabe
• "url(#id)" - Referenz auf mit id benannte Ressourcen

   ViewBoxSpec

Index ↑ Datentypen

Mögliche Werte:
  <min-x>, <min-y>, <width>, <height>
Ein Liste von 4 Werten vom Typ <number>.

• <min-x> - x-Koordinate
• <min-y> - y-Koordinate
• <width> - Breitenangabe
• <heigth> - Längenangabe

Werte für das Attribut viewbox