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 | Zu übersetzender Farbwert. |
Rückgabewert
Typ | Beschreibung |
---|---|
CSS-Farbe |
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.