SVG/Elemente/view
Aus SELFHTML-Wiki
Das view-Element legt für eine SVG-Grafik oder ein durch einen Fragmentbezeichner (fragment-identifier) definierten Teilbereich eine alternative Ansicht fest, z.B durch eine Zoom- oder Detail-Ansicht.
Beispiel
<defs>
<view id='warenkorb-icon' viewBox='64 0 32 32' />
</defs>
<img src='icons.svg#warenkorb-icon alt="Warenkorb Icon"/>
Das Warenkorb-Icon wird mit dem view-Element passend skaliert und dann im img referenziert.
Beachten Sie: Da das View-Element nicht gerendert wird, sollte es im Definitionsabschnitt festgelegt und dann innerhalb eines img-Element im HTML oder über das SVG-Element aufgerufen werden.
Weblinks
- W3C: View Element
| Start-Tag: notwendig End-Tag: notwendig <view>…</view> | |
| Elternelemente | Darf vorkommen in: |
|---|---|
| erlaubte Inhalte |
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Kernattribute | |||
| class | ID | ordnet ein Element einer oder mehreren Klassen zu. | |
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| lang | ID | identifiziert eine Sprachangabe | |
| style | ID | CDATA | Stilangabe durch Präsentationsattribute |
| tabindex | ID | macht Element „antabbbar“ | |
| xml:base | CDATA | Basis-URL | |
| xml:lang | Sprachkürzel | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| xml:space | default, preserve | Verhalten gegenüber whitespace)
| |
| Präsentationsattribute | |||
| alignment-baseline | |||
| baseline-shift | |||
| clip | |||
| clip-path | |||
| clip-rule | |||
| color | |||
| cursor | |||
| cx | (SVG2) | ||
| cy | (SVG2) | ||
| direction | |||
| display | |||
| dominant-baseline | |||
| filter | |||
| flood-color | |||
| flood-opacity | |||
| font | |||
| font-family | |||
| font-size | |||
| font-size-adjust | |||
| font-stretch | |||
| font-style | |||
| font-variant | |||
| font-weight | |||
| glyph-orientation-horizontal | |||
| glyph-orientation-vertical | |||
| height | (SVG2) | ||
| isolation | |||
| letter-spacing | |||
| lighting-color | |||
| mask | |||
| opacity | |||
| overflow | |||
| pointer-events | |||
| r | (SVG2) | ||
| rx | (SVG2) | ||
| ry | (SVG2) | ||
| text-anchor | |||
| text-decoration | |||
| unicode-bidi | |||
| visibility | |||
| word-spacing | |||
| writing-mode | |||
| width | (SVG2) | ||
| x | (SVG2) | ||
| y | (SVG2)
| ||
| preserveAspectRatio | defer, align, meetOrSlice | xMidYMid meet | legt Seitenverhältnis fest |
| viewBox | CDATA | ||
| viewTarget | XML-Name | gibt Namen des Ziels an | |
| zoomAndPan | disable, magnify | magnify | legt fest, ob Dokument gezoomt werden kann |
Attribut: Pflichtattribut
Attribut: optionales Attribut
