AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / WLanguage / Funciones WLanguage / Controles, páginas y ventanas / Funciones de dibujo
  • Coordinates
  • Non-solid figure
  • Drawing with opacity or anti-aliasing
  • Uso de las funciones de dibujo
  • Dibujo en PHP
  • Dibujo en código Navegador
WINDEV
WindowsLinuxJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac Catalyst
Otros
Procedimientos almacenados
Draws a circle section or an ellipse section:
  • in an Image control,
  • in a variable of type Image.
    WEBDEV - Código NavegadorPHP This type of variable is not available.
  • WINDEVWEBDEV - Código Servidor in a variable of type WDPic (on the background layer),
  • WINDEVWEBDEV - Código Servidor in a variable of type picLayer.
Linux Caution: In Linux, this function requires a specific configuration. For more details, see Drawing in WINDEV, WEBDEV and WINDEV Mobile.
// Initialize the drawing in an Image control
dStartDrawing(IMG_Drawing)

// Draw a circle section whose
// background is light yellow and whose border is light blue
dSlice(10, 10, 50, 50, 20, 20, 40, 50, LightYellow, LightBlue)
WINDEVWEBDEV - Código ServidorReportes y ConsultasiPhone/iPadIOS WidgetMac CatalystCódigo de Usuario (UMC)Ajax
// Draw a circle section whose
// background is light yellow and whose border is light blue
dSlice(IMG_Drawing, 10, 10, 50, 50, 20, 20, 40, 50, LightYellow, LightBlue)
Sintaxis

Drawing a sector of a circle, specifying all the coordinates of the rectangle containing the circle Ocultar los detalles

dSlice([<Image>, ] <X1> , <Y1> , <X2> , <Y2> , <X3> , <Y3> , <X4> , <Y4> [, <Background color> [, <Line color>]])
<Image>: Optional control name or optional Image, WDPic or picLayer variable
Reportes y ConsultasWindowsLinuxAndroidiPhone/iPadIOS WidgetMac CatalystJavaCódigo de Usuario (UMC) Image to use. This image can correspond to:
  • the name of an Image control.
  • the name of a variable of type Image.
  • WINDEVWEBDEV - Código Servidor the name of a variable of type WDPic. Only the background layer will be handled.
  • WINDEVWEBDEV - Código Servidor the name of a variable of type picLayer.
If this parameter is not specified, it is necessary to define the drawing destination with dStartDrawing.
<X1>: Integer
X-coordinate of the upper-left corner of the rectangle containing the circle. These coordinates are expressed in pixels.
<Y1>: Integer
Y-coordinate of the upper-left corner of the rectangle containing the circle. These coordinates are expressed in pixels.
<X2>: Integer
X-coordinate of the lower-right corner of the rectangle containing the circle. These coordinates are expressed in pixels.
<Y2>: Integer
Y-coordinate of the lower-right corner of the rectangle containing the circle. These coordinates are expressed in pixels.
<X3>: Integer
X-coordinate of the start point of the circle section. These coordinates are expressed in pixels.
<Y3>: Integer
Y-coordinate of the start point of the circle section. These coordinates are expressed in pixels.
<X4>: Integer
X-coordinate of the end point of the circle section. These coordinates are expressed in pixels.
<Y4>: Integer
Y-coordinate of the end point of the circle section. These coordinates are expressed in pixels.
<Background color>: Integer or constant (optional)
Background color of the circle section. This color can correspond to:
If this parameter is not specified, the background color:
  • is Transparent if dBackground has not been used beforehand,
  • corresponds to the color specified in the last call to dBackground.
<Line color>: Integer or constant (optional)
Color of the line for the circle section. This color can correspond to:
If this parameter is not specified, the line color:
  • is Transparent if dPen has not been previously used.
    For a variable of type Image, the line will be black.
  • corresponds to the color specified in the last call to dPen.
WINDEVWEBDEV - Código ServidorLinuxAndroidiPhone/iPadIOS WidgetMac CatalystJava

Drawing a sector of a circle using a Rectangle variable Ocultar los detalles

dSlice([<Image>, ] <Rectangle> , <X3> , <Y3> , <X4> , <Y4> [, <Background color> [, <Line color>]])
<Image>: Optional control name or optional Image, WDPic or picLayer variable
Reportes y ConsultasWindowsLinuxAndroidiPhone/iPadIOS WidgetMac CatalystJavaCódigo de Usuario (UMC) Image to use. This image can correspond to:
  • the name of an Image control.
  • the name of a variable of type Image.
  • WINDEVWEBDEV - Código Servidor the name of a variable of type WDPic. Only the background layer will be handled.
  • WINDEVWEBDEV - Código Servidor the name of a variable of type picLayer.
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 corresponds to the rectangle containing the circle.
<X3>: Integer
X-coordinate of the start point of the circle section. These coordinates are expressed in pixels.
<Y3>: Integer
Y-coordinate of the start point of the circle section. These coordinates are expressed in pixels.
<X4>: Integer
X-coordinate of the end point of the circle section. These coordinates are expressed in pixels.
<Y4>: Integer
Y-coordinate of the end point of the circle section. These coordinates are expressed in pixels.
<Background color>: Integer or constant (optional)
Background color of the circle section. This color can correspond to:
If this parameter is not specified, the background color:
  • is Transparent if dBackground has not been used beforehand,
  • corresponds to the color specified in the last call to dBackground.
<Line color>: Integer or constant (optional)
Color of the line for the circle section. This color can correspond to:
If this parameter is not specified, the line color:
  • is Transparent if dPen has not been previously used.
    For a variable of type Image, the line will be black.
  • corresponds to the color specified in the last call to dPen.
Observaciones

Coordinates

If the start point and the end point are not located on the border of the circle (or on the border of the ellipse), the point taken into account corresponds to the intersection between the circle and the line that joins the specified point and the center of the rectangle (which means the center of the circle).
Coordinates are specified with respect to the upper-left corner of the image or Image control (coordinates: (0,0)).
The drawing sections are drawn counterclockwise.

Non-solid figure

To draw a non-solid figure (without taking into account the center of the circle), use dChord.
WINDEVWEBDEV - Código ServidorReportes y ConsultasWindowsAndroidiPhone/iPadIOS WidgetMac CatalystJavaCódigo de Usuario (UMC)PHPAjax

Drawing with opacity or anti-aliasing

In the case of drawing with opacity (function dStartDrawing with constant dWithOpacity) or anti-aliasing (function dChangeMode with constant drawingAntiAliasing), the outline is drawn over the inside of the portion: the line is therefore partly combined with the inside of the portion. If the line is very thick, it will be displayed in two colors.

Uso de las funciones de dibujo

Las funciones de dibujo se pueden utilizar según 2 métodos:
  • Método 1: Uso de la función dStartDrawing
    • Se debe llamar a la función dStartDrawing antes de utilizar otras funciones de dibujo. La función dStartDrawing permite definir el elemento (control Imagen o variable) en el que se aplicarán las funciones de dibujo.
    • Al dibujar en un control Imagen:
      • Las funciones de dibujo trabajan en una copia ("bitmap") de la imagen. Se pueden utilizar las funciones de dibujo de Windows (con la función dStartDrawing o CallDLL32), pero estas funciones deben utilizar el DC (Device Context) devuelto por la función API.
      • las funciones dEndDrawing y dStartDrawing no deben llamarse en el mismo proceso.
        Si se llama a las funciones dEndDrawing y dStartDrawing en el mismo proceso, no se mostrará el dibujo: se borrará automáticamente.
  • Reportes y ConsultasWindowsLinuxAndroidiPhone/iPadIOS WidgetMac CatalystJavaCódigo de Usuario (UMC) Método 2: indicar el destino del dibujo directamente en la sintaxis (mediante un parámetro)
    El parámetro <Imagen> permite especificar directamente el destino del dibujo. Ya no es necesario utilizar dStartDrawing. Esta función debe ser eliminada.
PHP

Dibujo en PHP

En PHP, las funciones de dibujo se basan en la biblioteca gráfica GD. Esta biblioteca es comúnmente utilizada por los servicios de alojamiento PHP, y por lo tanto, siempre está habilitada. La versión de la biblioteca GD debe ser la versión 2.0.28 (o posterior). Esta biblioteca se puede descargar desde el sitio web de PHP.
Para habilitar (si es necesario) esta biblioteca en el equipo local, se requieren los siguientes elementos:
  • PHP instalado.
  • el archivo PHP.INI ubicado en el directorio de Windows debe tener la línea "extension=php_gd2.dll" y no ";extension=php_gd2.dll".
  • el archivo php_gd2.dll debe existir en el directorio de extensiones PHP. Este directorio está definido en el archivo PHP.INI por la variable "extension_dir".
WEBDEV - Código Navegador

Dibujo en código Navegador

Algunas funciones de dibujo están disponibles en código Navegador. Las funciones de dibujo en código Navegador se basan en el estándar HTML 5. Más concretamente, en la etiqueta "canvas" de HTML 5.
Las funcionalidades de dibujo en código Navegador solo están disponibles en navegadores recientes (compatibles con el estándar HTML 5). Para saber si el navegador utilizado propone funcionalidades de dibujo, utilice la función DrawingAvailable.
Atención: Para utilizar las funciones de dibujo con Internet Explorer 9, el proyecto debe incluir la referencia en el archivo DTD. Para ello, el modo HTML debe ser "HTML 4.01 Transitional + DTD". Esta opción está disponible en la pestaña "Avanzado" de la ventana de descripción del proyecto.
Recordatorio: Para abrir la ventana de descripción del proyecto, en la pestaña "Proyecto", en el grupo "Proyecto", haga clic en "Descripción".
Caso especial: Dibujar en el navegador de un teléfono Android: Las funciones de dibujo del navegador solo están disponibles a partir de la versión 3 de Android.
Clasificación Lógica de negocio / UI: Código neutro
Componente: wd300pnt.dll
Versión mínima requerida
  • Versión 9
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 30/05/2025

Señalar un error o enviar una sugerencia | Ayuda local