DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / WLangage / Fonctions WLangage / Champs, pages et fenêtres / Fonctions de dessin
  • Présentation
  • Pré-requis selon les plateformes
  • Dessin en PHP
  • Dessin en code Navigateur
  • Utilisation des fonctions de dessin en Linux
  • Comment dessiner ?
  • Dessiner dans un champ Image
  • Dessiner dans une variable de type Image
  • Dessin en code navigateur
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
WINDEV, WEBDEV et WINDEV Mobile mettent à votre disposition des fonctions pour afficher, tracer, copier et sauvegarder des dessins et des images depuis vos applications ou sites.
WINDEV, WEBDEV et WINDEV Mobile vous proposent des fonctions permettant de :
  • tracer différents dessins,
  • afficher tout type d'image,
  • copier des dessins et des images,
  • sauvegarder des dessins et des images.
Pré-requis selon les plateformes
WEBDEV - Code Navigateur

Dessin en code Navigateur

Certaines fonctions de dessin sont disponibles en code Navigateur. Les fonctions de dessin en code Navigateur sont basées sur la norme HTML 5. Pour les spécialistes, ces fonctions s'appuient sur la balise "canvas" de HTML 5.
Les fonctionnalités de dessin en code navigateur sont disponibles uniquement sur les navigateurs récents (supportant la norme HTML 5). Pour savoir si le navigateur utilisé propose les fonctionnalités de dessin, utilisez la fonction DessinDisponible.
Attention : Pour utiliser les fonctions de dessin avec Internet Explorer 9, le projet doit inclure la référence au fichier DTD. Pour cela, le mode HTML doit être "HTML 4.01 Transitional + DTD". Cette option est disponible dans l'onglet "Avancé" de la fenêtre de description du projet.
Rappel : Pour afficher la fenêtre de description du projet, sous le volet "Projet", dans le groupe "Projet", cliquez sur "Description".
Cas particulier : Dessiner dans le navigateur d'un téléphone Android : Les fonctions de dessin navigateur sont disponibles uniquement à partir de la version 3 de Android.
WEBDEV - Code ServeurLinux

Utilisation des fonctions de dessin en Linux

Pour utiliser les fonctions de dessin en Linux, il est nécessaire d'installer la librairie QT (Core et GUI), version 5 minimale.
Sous Ubuntu, cette librairie peut être installée avec les commandes suivantes :
sudo apt-get install libqtcore5
sudo apt-get install libqtgui5
Sous mandriva 2010 Spring, cette librairie peut être installée avec les commandes suivantes :
urpmi libqtgui5
Comment dessiner ?

Dessiner dans un champ Image

Pour dessiner dans un champ Image :
  1. Initialisez le dessin dans le champ Image (fonction dDébutDessin). Cette initialisation permet d'allouer une zone mémoire spécifique pour la gestion des dessins.
  2. Dessinez grâce aux fonctions de dessin.
  3. Insérez si nécessaire du texte dans vos dessins grâce à la fonction dTexte.
  4. Réalisez si nécessaire des zooms et des copies d'images grâce à la fonction dCopieImage.
  5. Sauvez si nécessaire le dessin réalisé grâce aux fonctions de sauvegarde (dSauveImageBMP, dSauveImageGIF, dSauveImageJPEG, dSauveImagePNG).
  6. Imprimez le fichier créé si nécessaire grâce à la fonction iImprimeImage.
  7. Détruisez si nécessaire le dessin présent en mémoire grâce à la fonction dFinDessin.
WEBDEV - Code Serveur Remarque : Avant de manipuler le champ Image, vérifiez que le champ Image ou Image cliquable est de type "Image générée".

Dessiner dans une variable de type Image

Pour dessiner dans une variable de type Image, quelques règles doivent être suivies :
  1. Déclarez une variable de type Image.
  2. Initialisez le dessin dans la variable (fonction dDébutDessin). Cette initialisation permet d'allouer une zone mémoire spécifique pour la gestion des dessins.
  3. Dessinez grâce aux fonctions de dessin.
  4. Insérez si nécessaire du texte dans vos dessins grâce à la fonction dTexte.
  5. Sauvez si nécessaire le dessin réalisé grâce aux fonctions de sauvegarde (dSauveImageBMP, dSauveImageGIF, dSauveImageJPEG, dSauveImagePNG).
  6. Imprimez le fichier créé si nécessaire grâce à la fonction iImprimeImage.
  7. Détruisez si nécessaire le dessin présent en mémoire grâce à la fonction dFinDessin.
WEBDEV - Code Navigateur

Dessin en code navigateur

En code navigateur, le transfert du dessin dans l'image peut être relativement long (utilisation de nombreuses fonctions de dessin).
Pour optimiser le dessin dans l'image, il est possible de reporter l'affichage du dessin après l'utilisation des fonctions de dessin. Pour cela, il suffit de :
  1. Commencer le dessin avec la fonction dDébutDessin en utilisant la constante dForcerAffichage.
  2. Utiliser les fonctions de dessin pour réaliser le dessin.
  3. Utiliser la fonction dAffiche pour afficher le dessin dans l'image.
Liste des exemples associés :
Les fonctions de dessin Exemples unitaires (WINDEV) : Les fonctions de dessin
[ + ] Utilisation des principales fonctions de dessin de WINDEV pour :
- Initialiser un champ Image pour dessiner
- Dessiner des figures simples
- Ecrire un texte dans un dessin
- Changer la couleur dans un dessin
Modification de la Teinte, Saturation et Luminosité Exemples unitaires (WINDEV) : Modification de la Teinte, Saturation et Luminosité
[ + ] Traitement sur les images à l'aide de la fonction WLangage dModifieTSL.
Cette fonction permet de modifier la teinte, la saturation et la luminosité d'une image.
WD Grapheur Java Exemples didactiques (WINDEV) : WD Grapheur Java
[ + ] Avec WINDEV, vous créez des applications Java sans connaître Java.
Vous programmez avec un L5G, le WLangage, et WINDEV vous génère du Java.
Les fonctions de dessin de WINDEV sont disponibles en génération Java.
Cet exemple didactique montre comment réaliser des graphes grâce à ces fonctions de dessin.
Dans cet exemple, trois types de graphe sont présentés :
- l'histogramme
- le nuage de points
- et la courbe.
WM Notes Exemples multiplateforme (WINDEV Mobile) : WM Notes
[ + ] Cet exemple utilise les fonctions de dessin du WLangage pour Android et iOS.
Il vous permet de dessiner des "notes" graphiques et de les enregistrer.
WM Système Exemples multiplateforme (WINDEV Mobile) : WM Système
[ + ] Cette application est un exemple didactique montrant quelques unes des fonctionnalités de WINDEV Mobile pour Android/iOS.
Les fonctions système utilisées sont :
- NFC
- Champ Multimédia
- Luminosité
- Volume
- WIFI
- Bluetooth
- Toast
- Boussole
- Accéléromètre
- Champ caméra
- LED
- Vibrations
- Notifications
- Fonctions de dessin
- Internet
WW_Dessin_HTML5 Exemples didactiques (WEBDEV) : WW_Dessin_HTML5
[ + ] WEBDEV met à disposition des fonctions de dessin en code navigateur, pour les navigateurs supportant HTML5.
Cet exemple didactique présente :
- un tableau de dessin,
- et une mise en situation : le choix visuel par l'internaute des catégories de place lors d'une réservation de spectacle.
Les fonctions de dessin Exemples unitaires (WEBDEV) : Les fonctions de dessin
[ + ] Présentation des principales fonctions de dessin de WEBDEV pour :
- Initialiser un champ Image pour dessiner
- Dessiner des figures simples
- Ecrire un texte dans un dessin
- Changer la couleur dans un dessin
Les fonctions de dessin Exemples unitaires (WINDEV Mobile) : Les fonctions de dessin
[ + ] Utilisation des principales fonctions de dessin :
- Initialiser un champ Image pour dessiner
- Dessiner des figures simples
- Ecrire un texte dans un dessin
- Définir la couleur dans un dessin
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 25/05/2022

Signaler une erreur ou faire une suggestion | Aide en ligne locale