SVG¶
Allgemeine Informationen¶
SVG (Scalable Vector Graphics) ist eine Komponente zur Integration von Vektorgrafiken in Benutzeroberflächen. Es ermöglicht Ihnen, Bilder anzuzeigen, was es ideal für Icons, Diagramme und komplexe Illustrationen macht.
Parameter¶
Komponenten Eigenschaften
| Einstellungsgruppe | Einstellungsfeld | Wertoptionen | Zweck |
|---|---|---|---|
| Name | - | Name der UI-Komponente im System | |
| Allgemein | Bindung | Mehrfachauswahl des Katalogs | Enthält ein zugehöriges „Datei“-Feld aus dem Modell |
| Datei | Schaltfläche | Ermöglicht das Hochladen einer Datei mit der .svg-Erweiterung |
CSS-Eigenschaften
| Einstellungsgruppe | Einstellungsfeld | Wertoptionen | Zweck |
|---|---|---|---|
| Layout | Breite | - | Breite der Komponente |
| Höhe | - | Höhe der Komponente | |
| Wachstum | true, false | Die Eigenschaft bestimmt, wie viel ein Element im Verhältnis zu den anderen Flex-Elementen im selben Container wachsen wird | |
| Rand | - | Die Eigenschaft definiert die äußeren Abstände auf allen vier Seiten des Elements | |
| Innenabstand | - | Die Eigenschaft legt die inneren Abstände auf allen Seiten des Elements fest | |
| Erscheinung | Eckenradius | - | Die Eigenschaft wird verwendet, um die Ecken eines Elements abzurunden |
| Randdicke | - | Die Eigenschaft ermöglicht es Ihnen, die Grenzen für das Element festzulegen | |
| Pinsel | Hintergrund | - | Die Eigenschaft legt die Hintergrundfarbe des Elements fest |
| Randpinsel | - | Die Eigenschaft legt die Farbe des Randes des Elements fest |
Anwendungsfälle¶
- Icons und Illustrationen: Wird verwendet, um klare und skalierbare grafische Elemente hinzuzufügen.
Ausnahmen¶
- Leistung: Komplexe oder große SVG-Bilder können die Leistung der Webseite beeinträchtigen.