Das Bildbeschnitt-Widget bietet einen neuen Feldtyp für die Formulareditoren, mit dem es möglich ist einen Bildausschnitt für ein Bild zu bestimmen.
Verwendung
Verwendung in Strukturmodellierung (Component/Modelling)
| Codeblock | ||
|---|---|---|
| ||
{
"feature": "Input/ImageCrop"
} |
Verwendung in Widgets
| Codeblock | ||
|---|---|---|
| ||
{
// [...],
"formType": "File",
"configuration": {
// [...],
"feature": "Input/ImageCrop"
}
}
// [...]
} |
Konfiguration
Parametererklärung
Bezeichung | Mögliche Werte | Beschreibung |
|---|---|---|
feature |
| Fügt Buttons zum Zuschneiden und Zurücksetzen des Beschnitts hinzu. |
Feld-Konfiguration
Um das Widget nutzen zu können muss im ersten Schritt ein neues Feld angelegt werden. Bei dem Feld müssen folgende Felder ausgefüllt sein. Danach muss das Feld noch mit dem jeweiligen Print-Template verknüpft werden.
Feld | Wert |
|---|---|
Identifikator | frei wählbar |
Name | frei wählbar |
Formular-Typ | feature |
Vordefinierter Wert | {"x":0, "y":0, "w":0, "h":0, "height":0, "width":0} |
Feldkonfiguration (json) | { |
"feature": |
" |
Input/ |
ImageCrop", |
"h5eRulePlugin": |
" |
Input/ |
ImageCrop", |
"h5eRuleFeature": |
"ruleset/image/crop", |
"h5eRuleKeys": |
[ |
"pic_scale", |
"pic_pos_x", |
"pic_pos_y", |
"value", |
"autoscale", |
"orientation" |
] |
h5eRuleFeature: ruleset/image/crop
h5eRuleKeys:
- pic_scale
- pic_pos_x
- pic_pos_y
- value
- autoscale
- orientation
h5eRulePlugin: input/imageCrop
Template-Konfiguration
Anschließend muss bei den jeweiligen Template-Elementen, die in Abhängigkeit zu dem neuen Feld stehen sollen, das Feld als "Feld-Callback" eingetragen werden.
| Status | ||
|---|---|---|
|