processTransform

[ Funktion ]

public static processTransform(
    element: JQuery | HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement> | HTMLElement | undefined,
    valueNew: TcHmi.Transform | TcHmi.Transform[] | null | undefined
): void;

Setzt eine Transformation bei einem oder mehreren HTML-Elementen.

Parameter

Name

Typ

Beschreibung

element

Info: Typ HTMLElement unterstützt ab Version 1.10
Info: Typen HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement> ab Version 1.10.1171.21

JQuery, HTMLElement[], NodeListOf<HTMLElement>, HTMLCollectionOf<HTMLElement>, HTMLElement, undefined

  • jQuery Collection mit den zu verändernden Elementen
  • beliebige Array-ähnliche Element-Liste (auch beispielsweise aus document.querySelectorAll() oder document.getElementsByClassName())
  • einzelnes HTML-Element

valueNew

TcHmi.Transform, TcHmi.Transform[], null, undefined

Wert für die Transformation.

Rückgabewert

Typ

Beschreibung

void

Kein Rückgabewert

processTransform 1:

Verfügbar ab Version 1.8

Beispiel – JavaScript 1

var newElem = $('<div class="testdiv"></div>');
TcHmi.StyleProvider.processTransform(newElem, 
    {
        transformType: 'Rotate',
        angle: 35
    }
);

Beispiel – JavaScript 2

var newElem = $('<div class="testdiv"></div>');
TcHmi.StyleProvider.processTransform(newElem, 
    [
        {
            transformType: 'Rotate',
            angle: 35
        },
        {
            transformType: 'Scale',
            x: 2,
            y: 2
        }
    ]
);