ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / WLanguage / WLanguage functions / Controls, pages and windows / Drawing functions
  • Coordinates
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Draws a rectangle in an Image control.
Example
// Draw a rectangle with a light yellow background
// and light blue borders
IMG_Drawing.DrawRectangle(10, 10, 50, 50, LightYellow, LightBlue)
Syntax

Drawing a rectangle by specifying the coordinates of rectangle Hide the details

<Image control>.DrawRectangle(<X1> , <Y1> , <X2> , <Y2> [, <Background> [, <Line>]])
<Image control>: Control name
Name of the Image control to be used.
<X1>: Integer
X-coordinate (in pixels) of the upper-left corner of the rectangle.
<Y1>: Integer
Y-coordinate (in pixels) of the upper-left corner of the rectangle.
<X2>: Integer
X-coordinate (in pixels) of the lower-right corner of the rectangle.
<Y2>: Integer
Y-coordinate (in pixels) of the lower-right corner of the rectangle.
<Background>: Integer, constant or Background variable (optional)
  • Background color of rectangle. This color can be:
  • Background characteristics:
    • Universal Windows 10 AppiPhone/iPadIOS WidgetMac Catalyst variable of type Background. In this case, the gradient defined in the variable is ignored.
      Android Background variables are not available in this syntax. Use <Image>.DrawBorder to customize the background color.
    • characteristics specified in the last call to <Image>.Background if this parameter is not specified.
To use a gradient background color, call <Image>.DrawRectangleGradient.
<Line>: Integer, constant or Border variable (optional)
  • Color of rectangle line. This color can be:
    • an RGB color (returned by RGB),
    • an HSL color (returned by HSL),
    • a WLanguage preset color,
    • Universal Windows 10 AppiPhone/iPadIOS WidgetMac Catalyst a variable of type Color,
    • identical to the color used for the background if this parameter is not specified and if <Image>.Pen has not been used.
  • Characteristics of the line:
    • iPhone/iPadIOS WidgetMac Catalyst variable of type Border. In this case, only the following properties are taken into account:
      • Color: if the property is set to ColorUndefined, the color defined in the last call to <Image>.Pen is used. If this function has not been used, the background color of the rectangle will be used.
      • Thickness: if the property is set to ThicknessUndefined, the thickness defined in the last call to <Image>.Pen is used. If this function has not been used, the thickness will be set to 1.
      • Line: if the property is set to LineUndefined, the type of line defined in the last call to <Image>.Pen is used. If this function has not been used, the line will be solid.
    • characteristics specified in the last call to <Image>.Pen if this parameter is not specified.
Universal Windows 10 AppAndroidiPhone/iPadIOS WidgetMac Catalyst

Drawing a rectangle via a Rectangle variable Hide the details

<Image control>.DrawRectangle(<Rectangle> [, <Background> [, <Line>]])
<Image control>: Control name
Name of the Image control to be used.
<Rectangle>: Rectangle variable
Name of the Rectangle variable that defines the coordinates of the rectangle to draw.
<Background>: Integer, constant or Background variable (optional)
  • Background color of rectangle. This color can be:
  • Background characteristics:
    • variable of type Background. In this case, the gradient defined in the variable is ignored.

      Android Background variables are not available in this syntax. Use <Image>.DrawBorder to customize the background color.
    • characteristics specified in the last call to <Image>.Background if this parameter is not specified.
To use a gradient background color, call <Image>.DrawRectangleGradient.
<Line>: Integer, constant or Border variable (optional)
  • Color of rectangle line. This color can be:
    • an RGB color (returned by RGB),
    • an HSL color (returned by HSL),
    • a WLanguage preset color,
    • a variable of type Color,
    • identical to the color used for the background if this parameter is not specified and if <Image>.Pen has not been used.
  • Characteristics of the line:
    • iPhone/iPadIOS WidgetMac Catalyst variable of type Border. In this case, only the following properties are taken into account:
      • Color: if the property is set to ColorUndefined, the color defined in the last call to <Image>.Pen is used. If this function has not been used, the background color of the rectangle will be used.
      • Thickness: if the property is set to ThicknessUndefined, the thickness defined in the last call to <Image>.Pen is used. If this function has not been used, the thickness will be set to 1.
      • Line: if the property is set to LineUndefined, the type of line defined in the last call to <Image>.Pen is used. If this function has not been used, the line will be solid.
      Android Border variables are not available in this syntax. Use <Image>.DrawBorder to customize the borders.
    • characteristics specified in the last call to <Image>.Pen if this parameter is not specified.
Remarks

Coordinates

Coordinates are specified with respect to the upper-left corner of the Image control (coordinates: (0,0)).
Related Examples:
The drawing functions 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: wd290pnt.dll
Minimum version required
  • Version 24
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 01/18/2024

Send a report | Local help