processTransform

[ Function ]

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

Sets a transformation for one or more HTML elements.

Parameter

Name

Type

Description

element

Info: Type HTMLElement supported from version 1.10
Info: Types HTMLElement[] | NodeListOf<HTMLElement> | HTMLCollectionOf<HTMLElement> from version 1.10.1171.21

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

  • jQuery collection with the elements to be changed
  • any array-like element list (also for example from document.querySelectorAll() or document.getElementsByClassName())
  • single HTML element

valueNew

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

Value for the transformation.

Return value

Type

Description

void

No return value

processTransform 1:

Available from 1.8

Example - JavaScript 1

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

Example - JavaScript 2

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