Promotic
WikipediaLinkedInYoutubeTwitterFacebook

createLinearGradient - method of object CanvasCtx

Description:
Creates the gradient object for linear color gradient.
Syntax:
createLinearGradient(x0 As Long, y0 As Long, x1 As Long, y1 As Long) As Object
Calling:
var grd = ctx.createLinearGradient(x0, y0, x1, y1);
Parameters:
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
Note:
The method can also be called in the graphic item events for Web panels.
Example:
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 9.0.0 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