resolveLinearGradientColorAsCssValue

[ Funktion ]

public static resolveLinearGradientColorAsCssValue(
    colorObject: TcHmi.LinearGradientColor
): string;

Übersetzt einen TcHmi.LinearGradientColor Wert zu einem CSS-Wert. Bitte beachten Sie, dass der Wert eine gültige LinearGradientColor sein muss. Zur Prüfung existiert TcHmi.isLinearGradientColor.

Parameter

Name

Typ

Beschreibung

colorObject

TcHmi.LinearGradientColor

Zu übersetzender Farbwert.

Rückgabewert

Typ

Beschreibung

string

CSS-Farbe

resolveLinearGradientColorAsCssValue 1:

Verfügbar ab Version 1.10

Beispiel – JavaScript

var myColor = {
    "angle": 90.0,
    "stopPoints": [
        {
            "color": "rgba(0, 0, 0, 1)",
            "stop": "0%"
        },
        {
            "color": "rgba(215, 61, 61, 1)",
            "stop": "100%"
        }
    ]
};
var newElem = $('<div class="testdiv"></div>');
if (TcHmi.isLinearGradientColor (myColor)) {
    var cssColor = TcHmi.StyleProvider.resolveLinearGradientColorAsCssValue(myColor);
    TcHmi.StyleProvider.setSimpleElementStyle(newElem, 'background-image', cssColor);
} else {
    TcHmi.StyleProvider.setSimpleElementStyle(newElem, 'background-image', null);
}

Wobei die meisten Anwendungen die Highlevel API wie TcHmi.StyleProvider.processBackgroundColor oder ähnliches nutzen können.