dRectangleGradient (Function)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

WLanguage

WLanguage functions

Controls, pages and windows

Drawing functions

Functions for handling graphic strings

Drawing in Browser code

Related examples

See also

dRectangleGradient (Function)

In french: dRectangleDégradé

Draws a rectangle:

in an Image control,
Versions 17 and later
in an Image variable.
New in version 17
in an Image variable.
in an Image variable.
Versions 25 and later
in an WDPic variable (on the background layer),
New in version 25
in an WDPic variable (on the background layer),
in an WDPic variable (on the background layer),
Versions 25 and later
in a picLayer variable.
New in version 25
in a picLayer variable.
in a picLayer variable.

Versions 15 and later

This function is now available for the Java applications.

This function is now available for WEBDEV sites in Linux.

Caution: A specific configuration is required to use this function in Linux. See The drawings for more details.

New in version 15

This function is now available for the Java applications.

This function is now available for WEBDEV sites in Linux.

Caution: A specific configuration is required to use this function in Linux. See The drawings for more details.

This function is now available for the Java applications.

This function is now available for WEBDEV sites in Linux.

Caution: A specific configuration is required to use this function in Linux. See The drawings for more details.

Versions 16 and later

This function is now available for Android applications.

This function is now available in Browser code.

This function is now available for WINDEV applications in Linux.

New in version 16

This function is now available for Android applications.

This function is now available in Browser code.

This function is now available for WINDEV applications in Linux.

This function is now available for Android applications.

This function is now available in Browser code.

This function is now available for WINDEV applications in Linux.

Versions 17 and later

This function is now available for iPhone/iPad applications.

New in version 17

This function is now available for iPhone/iPad applications.

Versions 24 and later

The syntax that manages the Rectangle type is now available for Android applications.

The syntax that manages the Rectangle type is now available for Java applications.

New in version 24

The syntax that manages the Rectangle type is now available for Android applications.

The syntax that manages the Rectangle type is now available for Java applications.

The syntax that manages the Rectangle type is now available for Android applications.

The syntax that manages the Rectangle type is now available for Java applications.

Example

// Draw a rectangle whose background changes from red to blue
// via yellow
dStartDrawing(IMG_Image1)
dRectangleGradient(10, 20, 100, 150, LightRed, LightBlue, 0, LightYellow, 30)

Syntax

Drawing a rectangle by specifying the points of the rectangle and the gradient Hide the details

dRectangleGradient([<Image>, ] <X1> , <Y1> , <X2> , <Y2> , <Start color> , <End color> [, <Angle> [, <Color 3> [, <Distance color 3> [, <Color 4> [, <Distance color 4>]]]]])

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of an picLayer variable.
New in version 25
the name of an picLayer variable.
the name of an picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of an picLayer variable.
New in version 25
the name of an picLayer variable.
the name of an picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of an picLayer variable.
New in version 25
the name of an picLayer variable.
the name of an picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<X1>: Integer

X coordinate (in pixels) of top left corner of rectangle.

<Y1>: Integer

Y coordinate (in pixels) of top left corner of rectangle.

<X2>: Integer

X coordinate (in pixels) of bottom right corner of rectangle.

<Y2>: Integer

Y coordinate (in pixels) of bottom right corner of rectangle.

<Start color>: Integer or constant

Start color of gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<End color>: Integer or constant

End color of gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<Angle>: Optional integer

Angle that will be used for the selection of colors in the gradient. The angle value is included between 0 (horizontal angle, default value) and 360°.
Only the following angles can be used: 0,90,180,270,360.

<Color 3>: Optional constant or integer

Color that will be used in the gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).
This parameter is not available.

<Distance color 3>: Optional integer

Percentage separating the start color from color 3.
This parameter is not available.

<Color 4>: Optional constant or integer

Color that will be used in the gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).
This parameter is not available.

<Distance color 4>: Optional integer

Percentage separating the start color from color 4.
This parameter is not available.

Versions 21 and later

Drawing a rectangle by specifying the points of the rectangle and by using the Background type Hide the details

dRectangleGradient([<Image>, ] <X1> , <Y1> , <X2> , <Y2> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<X1>: Integer

X coordinate (in pixels) of top left corner of rectangle.

<Y1>: Integer

Y coordinate (in pixels) of top left corner of rectangle.

<X2>: Integer

X coordinate (in pixels) of bottom right corner of rectangle.

<Y2>: Integer

Y coordinate (in pixels) of bottom right corner of rectangle.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

New in version 21

Drawing a rectangle by specifying the points of the rectangle and by using the Background type Hide the details

dRectangleGradient([<Image>, ] <X1> , <Y1> , <X2> , <Y2> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<X1>: Integer

X coordinate (in pixels) of top left corner of rectangle.

<Y1>: Integer

Y coordinate (in pixels) of top left corner of rectangle.

<X2>: Integer

X coordinate (in pixels) of bottom right corner of rectangle.

<Y2>: Integer

Y coordinate (in pixels) of bottom right corner of rectangle.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

Drawing a rectangle by specifying the points of the rectangle and by using the Background type Hide the details

dRectangleGradient([<Image>, ] <X1> , <Y1> , <X2> , <Y2> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<X1>: Integer

X coordinate (in pixels) of top left corner of rectangle.

<Y1>: Integer

Y coordinate (in pixels) of top left corner of rectangle.

<X2>: Integer

X coordinate (in pixels) of bottom right corner of rectangle.

<Y2>: Integer

Y coordinate (in pixels) of bottom right corner of rectangle.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

Drawing a rectangle by using the Rectangle type and by specifying the gradient Hide the details

dRectangleGradient([<Image>, ] <Rectangle> , <Start color> , <End color> [, <Angle> [, <Color 3> [, <Distance color 3> [, <Color 4> [, <Distance color 4>]]]]])

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<Rectangle>: Rectangle variable

Name of the Rectangle variable that defines the coordinates of the rectangle to draw.

<Start color>: Integer or constant

Start color of gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<End color>: Integer or constant

End color of gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<Angle>: Optional integer

Angle that will be used for the selection of colors in the gradient. The angle value is included between 0 (horizontal angle, default value) and 360°.

<Color 3>: Optional constant or integer

Color that will be used in the gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<Distance color 3>: Optional integer

Percentage separating the start color from color 3.

<Color 4>: Optional constant or integer

Color that will be used in the gradient. This color can correspond to:
an RGB color (returned by RGB),
an HSL color (returned by HSL),
a preset color (see the preset colors of WLanguage).

<Distance color 4>: Optional integer

Percentage separating the start color from color 4.

Versions 21 and later

Drawing a rectangle by using the Rectangle type and the Background type Hide the details

dRectangleGradient([<Image>, ] <Rectangle> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<Rectangle>: Rectangle variable

Name of the Rectangle variable that defines the coordinates of the rectangle to draw.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

New in version 21

Drawing a rectangle by using the Rectangle type and the Background type Hide the details

dRectangleGradient([<Image>, ] <Rectangle> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<Rectangle>: Rectangle variable

Name of the Rectangle variable that defines the coordinates of the rectangle to draw.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

Drawing a rectangle by using the Rectangle type and the Background type Hide the details

dRectangleGradient([<Image>, ] <Rectangle> , <Gradient>)

<Image>: Optional control name or optional Image, WDPic or picLayer variable

Versions 24 and later
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
New in version 24
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
Image to use. This image can correspond to:
the name of an Image control.
the name of an Image variable.
Versions 25 and later
the name of a WDPic variable. Only the background layer will be handled.
New in version 25
the name of a WDPic variable. Only the background layer will be handled.
the name of a WDPic variable. Only the background layer will be handled.
Versions 25 and later
the name of a picLayer variable.
New in version 25
the name of a picLayer variable.
the name of a picLayer variable.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.

<Rectangle>: Rectangle variable

Name of the Rectangle variable that defines the coordinates of the rectangle to draw.

<Gradient>: Background variable

Name of the Background variable the with the gradient characteristics.

Remarks

Gradient parameters

The color parameters are used as follows:

The angle is used to define the orientation of the gradient.

Gradients with 3 or 4 colors are only available for 0 or 90 degree angles.

Remark: The gradient colors are not available for some systems (Windows 98 or Me for example) or for TSE 256 colors. In this case, a rectangle whose color corresponds to <Start color> is displayed.

Versions 16 and later

Drawing in Browser code

Some drawing functions are available in Browser code. The drawing functions in Browser code are based on the HTML 5 standard. More specifically, these functions are based on the "canvas" tag of HTML 5.

The drawing features in browser code are available for the recent browsers only (supporting the HTML 5 standard). To find out whether the drawing features are proposed by your browser, use DrawingAvailable.

Caution: To use the drawing functions with Internet Explorer 9, the project must include the reference to the DTD file. To do so, the HTML mode must be "HTML 4.01 Transitional + DTD". This option is available in the "Advanced" tab of the description window of project.
Reminder: To open the project description window, go to the "Project" pane, "Project" group and click "Description".

Special case: Drawing in the browser of an Android phone: The browser drawing functions are only available starting with version 3 of Android.

New in version 16

Drawing in Browser code

Special case: Drawing in the browser of an Android phone: The browser drawing functions are only available starting with version 3 of Android.

Drawing in Browser code

Special case: Drawing in the browser of an Android phone: The browser drawing functions are only available starting with version 3 of Android.

Related Examples:

Unit examples (WINDEV): The drawing functions

[ + ] Using the main drawing functions of WINDEV to:
- Initialize an Image control for drawing
- Draw simple shapes
- Write a text into a drawing
- Change the color in a drawing

Business / UI classification : Neutral code

Component : wd260pnt.dll