PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Use in prefix syntax
  • Characteristics of drawings in the browser
  • Drawing in Browser code
  • Drawing with management of opacity
  • Pattern and PHP
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
Indicates that the drawing functions that will be used are intended for the specified Image control.
Remark: <Image variable>.StartDrawing initializes all the parameters required to create a drawing for a given element.
Versions 15 and later
WEBDEV - Server codeLinux This function is now available for WEBDEV sites in Linux.
Linux Caution: A specific configuration is required to use this function in Linux. For more details, see The drawings.
New in version 15
WEBDEV - Server codeLinux This function is now available for WEBDEV sites in Linux.
Linux Caution: A specific configuration is required to use this function in Linux. For more details, see The drawings.
WEBDEV - Server codeLinux This function is now available for WEBDEV sites in Linux.
Linux Caution: A specific configuration is required to use this function in Linux. For more details, see The drawings.
Versions 16 and later
Android This function is now available for Android applications.
Universal Windows 10 App This function is now available for Windows Phone applications.
New in version 16
Android This function is now available for Android applications.
Universal Windows 10 App This function is now available for Windows Phone applications.
Android This function is now available for Android applications.
Universal Windows 10 App This function is now available for Windows Phone applications.
Versions 17 and later
iPhone/iPad This function is now available for iPhone/iPad applications.
New in version 17
iPhone/iPad This function is now available for iPhone/iPad applications.
iPhone/iPad This function is now available for iPhone/iPad applications.
Versions 18 and later
Universal Windows 10 App This function is now available in Windows Store apps mode.
New in version 18
Universal Windows 10 App This function is now available in Windows Store apps mode.
Universal Windows 10 App This function is now available in Windows Store apps mode.
Versions 21 and later
Universal Windows 10 App This function is now available in Universal Windows 10 App mode.
New in version 21
Universal Windows 10 App This function is now available in Universal Windows 10 App mode.
Universal Windows 10 App This function is now available in Universal Windows 10 App mode.
Example
// Début du dessin dans le champ Image "IMG_ImageDessin"
ResDessin = IMG_ImageDessin.DébutDessin()
// Dessins dans le champ Image "IMG_ImageDessin"
...
// Fin des dessins dans le champ Image "IMG_ImageDessin"
IMG_Image1.DébutDessin()
IMG_Image1.Police("Arial", 12, iNormal, 0)
IMG_Image1.DessineTexte(4, 0, "J'écris mon texte dans un champ Image!")
Syntax
<Result> = <Image variable>.StartDrawing([<Options>])
<Result>: Boolean
  • True if the drawing was initialized,
  • False otherwise.
<Image variable>: Image variable
<Options>: Optional Integer constant (or combination of constants)
Drawing options:
dWithOpacityAllows managing opacity in the different drawing functions used with the variable. Used for example to create a drawing saved in PNG format with management of alpha layer.
dGridlinesOpacityThe drawing is displayed over gridlines in order to highlight the transparent or semi-transparent sections of drawing. The gridlines are not saved in the image.
Universal Windows 10 AppAndroidJava This constant is not available.
dNoEraseDoes not erase the drawing in the variable.
dOnChartUsed to draw in a variable in which a chart has already been drawn. In this case, the chart drawing is not erased.
Universal Windows 10 AppAndroidJava This constant is not available.

No drawing option is used if this parameter is not specified.
Remarks

Use in prefix syntax

  • <Image variable>.StartDrawing must be called before the other drawing functions. <Image variable>.StartDrawing makes it possible to define the drawing options used in the Image control.
  • * When drawing in an Image control:
    • the drawing functions operate on a copy ("bitmap") of image. You can use the drawing functions of Windows (via API or CallDLL32) but these Windows functions must use the DC (Device Context) returned by <Image variable>.StartDrawing.
    • <Image>.EndDrawing and <Image variable>.StartDrawing must not be called in the same process. The drawing will not be displayed if <Image>.EndDrawing and <Image variable>.StartDrawing are called in the same process: it will be automatically erased.
WINDEVWEBDEV - Server codeReports and QueriesUniversal Windows 10 AppAndroidJavaUser code (UMC)Ajax

Drawing with management of opacity

Creating a drawing with management of opacity is used to easily save the images in PNG format with management of Alpha layer.
To save a PNG drawing with management of Alpha layer:
  1. Use <Image variable>.StartDrawing. This function is used to define, if necessary, the element onto which the drawing functions will be applied as well as the drawing mode. The dWithOpacity constant is used to indicate that the drawing will manage the opacity. The dGridlinesOpacity constant is used to display gridlines underneath the different drawing areas.
  2. Configure the opacity of your drawings with the following functions:
    <Image>.BackgroundDeclares the background color and its opacity for the next drawings.
    <Image>.DrawPointDeclares the color of the points and their opacity for the next drawings.
    <Image>.PenDeclares the color of the lines and their opacity for the next drawings.

    Remark: <Image>.PixelOpacity is used to find out the opacity of a point.
  3. Use <Image>.SavePNG to save your drawing in PNG format with management of alpha layer (opacity).
Limit: In "Management of opacity" mode, <Image>.DrawText is limited to the use of True Type fonts.
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
Component: wd270pnt.dll
Minimum version required
  • Version 24
This page is also available for…
Comments
Click [Add] to post a comment