createLinearGradient - method of object CanvasCtx

Creates the gradient object for linear color gradient.
createLinearGradient(x0 As Long, y0 As Long, x1 As Long, y1 As Long) As Object
var grd = ctx.createLinearGradient(x0, y0, x1, y1);
x0(Long) The x-coordinate of the start point of the gradient
y0(Long) The y-coordinate of the start point of the gradient
x1(Long) The x-coordinate of the end point of the gradient
y1(Long) The y-coordinate of the end point of the gradient
The method can also be called in the graphic item events for Web panels.
The ctx variable represents the drawing canvas (CanvasCtx). The setup is done on Draw page at the beginning of the script of drawing event onDraw as follows:
var ctx = pEvent.GetCtx(1);
JavaScriptSelect and copy to clipboard

var grd = ctx.createLinearGradient(20, 20, 60, 40);
ctx.addColorStop(0, "black");
ctx.addColorStop(1, "white");
ctx.fillStyle = grd;
PROMOTIC 8.3.29 SCADA system documentation - MICROSYS, spol. s r.o.

Send page remarkContact responsible person
© MICROSYS, spol. s r. o.Tavičská 845/21 703 00 Ostrava-Vítkovice