ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / WLanguage / WLanguage functions / Controls, pages and windows / Drawing functions
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
Caution: To know the necessary requirements to draw according to the different platforms used, see Drawing in WINDEV, WEBDEV and WINDEV Mobile.
The following are drawing functions, using prefix syntax:
<Icon variable>.SaveICOSaves an image in icon format either in a file, or in memory.
<Image variable>.AlphaBlendBlends two images together. This allows you to create fade-in effects between 2 images.
<Image variable>.BackgroundDeclares the default background color for the rectangles and circles, ... used in an Image variable.
<Image variable>.BlurBlurs the entire given area in a variable of type Image.
<Image variable>.ChangeModeChanges the drawing mode used by the drawing functions (<Image variable>.DrawLine, <Image variable>.DrawRectangle, ....).
<Image variable>.ClearClears the content of an Image variable and fills it with the specified color.
<Image variable>.CopyCopies an image to another image.
<Image variable>.CropReturns the cropped part of an image. This image is found in an Image variable.
<Image variable>.DominantImageColorReturns the dominant color (i.e. most frequent color) of an image found in an Image variable.
<Image variable>.DrawArcDraws a circle arc or an ellipse arc in an Image variable.
<Image variable>.DrawBorderDraws the borders in an Image variable.
<Image variable>.DrawChordDraws the chord of a circle (intersection between an ellipse and a straight line) in an Image variable.
<Image variable>.DrawCircleDraws a circle or an ellipse in an Image variable.
<Image variable>.DrawHaloAdds a halo effect on an image found in an Image variable].
<Image variable>.DrawLineDraws a line in an Image variable.
<Image variable>.DrawPointDraws a point in an Image variable.
<Image variable>.DrawPolygonDraws a polygon in an Image variable.
<Image variable>.DrawPolylineDraws a line composed of multiple segments in an Image variable.
<Image variable>.DrawRectangleDraws a rectangle in an Image variable.
<Image variable>.DrawRectangleGradientDraws a rectangle in an Image variable.
<Image variable>.DrawRoundedRectangleDraws a rounded rectangle in an Image variable.
<Image variable>.DrawShadowAdds a shadow effect on an image found in an Image variable].
<Image variable>.DrawSliceDraws a section of a circle or an ellipse in an Image variable.
<Image variable>.DrawTextDraws a text in an Image variable.
<Image variable>.DrawTextMarkdownDraws Markdown text in a variable of type Image.
<Image variable>.DrawTextRTFDraws an RTF text in an Image variable.
<Image variable>.EncrustColorEncrusts a color in an image found in an Image variable].
<Image variable>.EndDrawingDeletes all the drawings made since the last call to <picLayer variable>.StartDrawing.
<Image variable>.FillColors an area in an Image variable.
<Image variable>.FontDeclares the font that will be used by <Image>.DrawText in an Image variable.
<Image variable>.HorizontalSymmetryFlips an image contained in an Image variable with respect to a horizontal axis (symmetry with respect to a horizontal axis).
<Image variable>.InvertColorInverts the colors in an Image variable.
<Image variable>.ModifyContrastChanges the contrast of an image in an Image variable.
<Image variable>.ModifyHSLModifies the hue, saturation and lightness of an image in an Image variable.
<Image variable>.ModifyHueChanges the hue of an image in an Image variable.
<Image variable>.ModifyLightnessModifies the lightness of an image in an Image variable.
<Image variable>.ModifyOpacityModifies the opacity of an image (which means the alpha channel of the image).
<Image variable>.ModifySaturationModifies the saturation of an image in an Image variable.
<Image variable>.PenDeclares the default color and style for the lines, rectangles, circles, ... in an Image variable.
<Image variable>.PixelColorIdentifies the color of a pixel contained in an Image variable.
<Image variable>.PixelOpacityIdentifies the opacity of a pixel in an image (in an Image variable) with an Alpha channel.
<Image variable>.ResizeResizes an image in an Image variable.
<Image variable>.RotationRotates an image in an Image variable.
<Image variable>.SaveBMPSaves an image contained in an Image variable:
  • in a file in BMP format.
  • in memory.
<Image variable>.SaveGIFSaves an image found in an Image variable:
  • in a file in GIF format.
  • in memory.
<Image variable>.SaveJPEGSaves an image found in an Image variable:
  • in a JPEG file.
  • in memory.
<Image variable>.SavePNGSaves an image found in an Image variable:
  • in a PNG file.
  • in memory.
<Image variable>.StartDrawingIndicates that the drawing functions that will be used are intended for an Image variable.
<Image variable>.StraightenTransforms an image by applying perspective correction.
<Image variable>.VerticalSymmetryFlips an image contained in an Image variable with respect to a vertical axis (symmetry with respect to a vertical axis).
<Image>.AlphaBlendBlends two images together. This allows you to create fade-in effects between 2 images.
<Image>.BackgroundDeclares the default background color for the rectangles and circles, ... used in an Image control.
<Image>.BlurBlurs the entire given area in an Image control.
<Image>.ChangeModeChanges the drawing mode used by the drawing functions (<Image variable>.DrawLine, <Image variable>.DrawRectangle, ....).
<Image>.ClearClears the content of an Image control and fills it with the specified color.
<Image>.CopyCopies an image to another image.
<Image>.DominantImageColorReturns the dominant (i.e. most frequent) color of an image found in an Image control.
<Image>.DrawArcDraws a circle arc or an ellipse arc in an Image control.
<Image>.DrawBorderDraws the borders in an Image control.
<Image>.DrawChordDraws the chord of a circle (intersection between an ellipse and a straight line) in an Image control.
<Image>.DrawCircleDraws a circle or an ellipse in an Image control.
<Image>.DrawLineDraws a line in an Image control.
<Image>.DrawPointDraws a point in an Image control.
<Image>.DrawPolygonDraws a polygon in an Image control,
<Image>.DrawPolylineDraws a line composed of multiple segments in an Image control.
<Image>.DrawRectangleDraws a rectangle in an Image control.
<Image>.DrawRectangleGradientDraws a rectangle in an Image control.
<Image>.DrawRoundedRectangleDraws a rounded rectangle in an Image control.
<Image>.DrawSliceDraws a circle or an ellipse section in an Image control.
<Image>.DrawTextDraws a text in an Image control.
<Image>.DrawTextMarkdownDraws Markdown text in an Image control.
<Image>.DrawTextRTFDraws RTF text in an Image control.
<Image>.EndDrawingDeletes all the drawings made since the last call to <picLayer variable>.StartDrawing.
<Image>.FillColors an area in an Image control.
<Image>.FontDeclares the font that will be used by dTexte in an Image control.
<Image>.HorizontalSymmetryFlips an image in an Image control with respect to a horizontal axis (symmetry with respect to a horizontal axis).
<Image>.InvertColorInverts the colors in an Image control.
<Image>.ModifyContrastChanges the contrast of an image contained in an Image control.
<Image>.ModifyHSLModifies the hue, the saturation and the lightness of an image in an Image control.
<Image>.ModifyHueChanges the hue of an image in an Image control.
<Image>.ModifyLightnessModifies the lightness of an image contained in an Image control.
<Image>.ModifySaturationChanges the saturation of an image in an Image control.
<Image>.PenDeclares the default color and style for the lines, rectangles, circles, ... in an Image control.
<Image>.PixelColorIdentifies the color of a pixel in an Image control.
<Image>.PixelOpacityIdentifies the opacity of a pixel in an image (in an Image control) with an Alpha channel.
<Image>.ResizeResizes an image in an Image control.
<Image>.RotationRotates an Image control.
<Image>.SaveBMPSaves an image:
  • in a file in BMP format.
  • in memory.
<Image>.SaveGIFSaves an image:
  • in a file in GIF format.
  • in memory.
<Image>.SaveJPEGSaves an image:
  • in a JPEG file.
  • in memory.
<Image>.SavePNGSaves an image:
  • in a PNG file.
  • in memory.
<Image>.StartDrawingIndicates that the drawing functions that will be used are intended for the specified Image control.
<Image>.StraightenTransforms an image by applying perspective correction.
<Image>.VerticalSymmetryFlips an image contained in an Image control with respect to a vertical axis (symmetry with respect to a vertical axis).
<picLayer variable>.AlphaBlendBlends two images together. This allows you to create fade-in effects between 2 images.
<picLayer variable>.BackgroundDeclares the default background color for the rectangles and circles, ... used in a picLayer variable.
<picLayer variable>.BlurBlurs the entire given area in a variable of type picLayer.
<picLayer variable>.ChangeModeChanges the drawing mode used by the drawing functions (<Image variable>.DrawLine, <Image variable>.DrawRectangle, ....).
<picLayer variable>.DrawArcDraws a circle arc or an ellipse arc in a picLayer variable.
<picLayer variable>.DrawChordDraws the chord of a circle (intersection between an ellipse and a straight line) in a picLayer variable.
<picLayer variable>.DrawCircleDraws a circle or an ellipse in a picLayer variable.
<picLayer variable>.DrawLineDraws a line in a picLayer variable.
<picLayer variable>.DrawPointDraws a point in a picLayer variable.
<picLayer variable>.DrawPolygonDraws a polygon in a picLayer variable.
<picLayer variable>.DrawPolylineDraws a line composed of multiple segments.
<picLayer variable>.DrawRectangleDraws a rectangle in a picLayer variable.
<picLayer variable>.DrawRectangleGradientDraws a rectangle in a picLayer variable.
<picLayer variable>.DrawRoundedRectangleDraws a rounded rectangle in a picLayer variable.
<picLayer variable>.DrawSliceDraws a section of a circle or an ellipse in a picLayer variable.
<picLayer variable>.DrawTextDraws a text in a picLayer variable.
<picLayer variable>.DrawTextMarkdownDraws Markdown text in a variable of type picLayer.
<picLayer variable>.DrawTextRTFDraws an RTF text in a picLayer variable.
<picLayer variable>.EndDrawingDeletes all the drawings made since the last call to <picLayer variable>.StartDrawing.
<picLayer variable>.FillColors an area in a picLayer variable.
<picLayer variable>.FontDeclares the font that will be used by <Image>.DrawText in a picLayer variable.
<picLayer variable>.HorizontalSymmetryFlips an image contained in a picLayer variable with respect to a horizontal axis (symmetry with respect to a horizontal axis).
<picLayer variable>.InvertColorInverts the colors of a picLayer variable.
<picLayer variable>.PenDeclares the default color and style for the lines, rectangles, circles, ... in a picLayer variable.
<picLayer variable>.PixelColorIdentifies the color of a pixel contained in a picLayer variable.
<picLayer variable>.PixelOpacityIdentifies the opacity of a pixel in a WDPicLayer image with an Alpha channel.
<picLayer variable>.ResizeResizes an image in a picLayer variable.
<picLayer variable>.RotationRotates an image in a picLayer variable.
<picLayer variable>.StartDrawingIndicates that the drawing functions that will be used are intended for the specified picLayer variable.
<picLayer variable>.StraightenTransforms an image by applying perspective correction.
<picLayer variable>.VerticalSymmetryFlips an image contained in a picLayer variable with respect to a vertical axis (symmetry with respect to a vertical axis).
<Tiff variable>.SaveTIFFSaves an image in TIFF format into a file or memory.
<WDPic variable>.AlphaBlendBlends two images together. This allows you to create fade-in effects between 2 images.
<WDPic variable>.BackgroundDeclares the default background color for the rectangles and circles, ... used in a WDPic variable.
<WDPic variable>.BlurBlurs the entire given area in a variable of type WDPic (on the background layer).
<WDPic variable>.ChangeModeChanges the drawing mode used by the drawing functions (<Image variable>.DrawLine, <Image variable>.DrawRectangle, ....).
<WDPic variable>.DrawArcDraws a circle arc or an ellipse arc in a WDPic variable.
<WDPic variable>.DrawChordDraws the chord of a circle (intersection between an ellipse and a straight line) in a WDPic variable.
<WDPic variable>.DrawCircleDraws a circle or an ellipse in a WDPic variable.
<WDPic variable>.DrawLineDraws a line in a WDPic variable.
<WDPic variable>.DrawPointDraws a point in a WDPic variable.
<WDPic variable>.DrawPolygonDraws a polygon in a WDPic variable.
<WDPic variable>.DrawPolylineDraws a line composed of multiple segments.
<WDPic variable>.DrawRectangleDraws a rectangle in a WDPic variable.
<WDPic variable>.DrawRectangleGradientDraws a rectangle in a WDPic variable.
<WDPic variable>.DrawRoundedRectangleDraws a rounded rectangle in a WDPic variable.
<WDPic variable>.DrawSliceDraws a section of a circle or an ellipse in a WDPic variable.
<WDPic variable>.DrawTextDraws a text in a WDPic variable.
<WDPic variable>.DrawTextMarkdownDraws Markdown text in a variable of type WDPic.
<WDPic variable>.DrawTextRTFDraws an RTF text in a WDPic variable.
<WDPic variable>.EndDrawingDeletes all the drawings made since the last call to <picLayer variable>.StartDrawing.
<WDPic variable>.FillColors an area in a WDPic variable.
<WDPic variable>.FontDeclares the font that will be used by <Image>.DrawText in a WDPic variable.
<WDPic variable>.HorizontalSymmetryFlips an image contained in a WDPic variable with respect to a horizontal axis (symmetry with respect to a horizontal axis).
<WDPic variable>.InvertColorInverts the colors of a WDPic variable.
<WDPic variable>.PenDeclares the default color and style for the lines, rectangles, circles, ... in a WDPic variable.
<WDPic variable>.PixelColorIdentifies the color of a pixel contained in a WDPic variable.
<WDPic variable>.PixelOpacityIdentifies the opacity of a pixel in a WDPic image with an Alpha channel.
<WDPic variable>.StartDrawingIndicates that the drawing functions that will be used are intended for the specified WDPic variable.
<WDPic variable>.VerticalSymmetryFlips an image contained in a WDPic variable (in the background layer) with respect to a vertical axis (symmetry with respect to a vertical axis).
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
Modifying the Hue, Saturation and Lightness Unit examples (WINDEV): Modifying the Hue, Saturation and Lightness
[ + ] Process on the images via the WLanguage dModifyHSL function.
This function is used to modify the hue, the saturation and the lightness of an image.
WD Java Chart Designer Training (WINDEV): WD Java Chart Designer
[ + ] WINDEV enables you to create some Java applications without even knowing Java.
You program with a 5GL (WLanguage) and WINDEV generates the Java code.
The drawing functions of WINDEV are available in Java generation.
This example explains how to create charts with these drawing functions.
Three types of charts are presented in this example:
- the bar chart,
- the scatter chart,
- and the line chart.
WD Magnifier Complete examples (WINDEV): WD Magnifier
[ + ] This example enables you to zoom part of the screen with a magnifier.
The maximum zoom value is set to 8.
Summary of the example supplied with WINDEV:
The WLanguge function named dCopyBlt() and the WLanguage property named ..Opacity allow you to perform a capture of the Windows desktop at the location of a window without this window appearing in the screen shot.
This example uses this tip to zoom the part of the screen found below the magnifier.
WM Notes Cross-platform examples (WINDEV Mobile): WM Notes
[ + ] This example is using the drawing functions of WLanguage for Android and iOS.
It allows you to draw graphic "notes" and to save them.
WW_Drawing_HTML5 Training (WEBDEV): WW_Drawing_HTML5
[ + ] WEBDEV includes some drawing functions in browser code, for the browsers that support the HTML5. standard.
This educational example presents:
- an array of drawings,
- and an implementation: the visual choice by the Web user of the categories of seats when making a reservation for a show.
The drawing functions Unit examples (WEBDEV): The drawing functions
[ + ] This example presents the main drawing functions of WEBDEV and it allows you to:
- Initialize an Image control for drawing
- Draw simple shapes
- Write a text in a drawing
- Change the color in a drawing
Minimum version required
  • Version 24
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 03/05/2024

Send a report | Local help