Image
Diese Komponente stellt ein Bild dar.
Konfiguration
Für allgemeine Konfigurations-Optionen siehe Allgemeine Komponenten Konfiguration.
Spezifische Konfiguration
src
(string)-
URL des Bildes.
encodedData
(string)-
Base64 encodiertes String des Bildes
mimeType
(string)-
Mime Type des Bildes. Dieses Feld ist nur erforderlich, wenn
encodedData
angegeben wird. width
(number)-
Breite des Bildes
height
(number)-
Höhe des Bildes
Entweder src oder encodedData muss vorhanden sein.
|
Beispiel
image.json
{
"metaData": {
"author": "Virtimo AG",
"name": "Test - Form with images",
"id": "1632436220282",
"version": 1
},
"components": [
{
"type": "container",
"label": "TEST FORM",
"icon": "fab fa-wpforms",
"layout": "vertical",
"components": [
{
"type": "image",
"src": "https://i.picsum.photos/id/802/200/200.jpg?hmac=alfo3M8Ps4XWmFJGIwuzLUqOrwxqkE5_f65vCtk6_Iw",
"width": 100,
"height": 64
},
{
"type": "image",
"encodedData": "R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7",
"mimeType": "image/gif",
"width": 200,
"height": 200
}
]
}
],
"configuration": {},
"state": {
"language": "de"
}
}
Eingebettete Vorschau
Keywords: