Peut-on dessiner dans une page internet avec HTML ?
Coucou !
Peut-on faire du dessin avec des balises HTML ? Genre tracer des formes et tout ça ?
MerciHTML / DHTML / XHTMLHTML
PandaFuPosté le : 6 Septembre à 16:3335 406 vues
DalanirPosté le : 6 Septembre à 16:56Salut,
Alors c'est pas vraiment en HTML que cela se passe. En effet, il existe une balise HTML qui nous permet de dessiner à l'intérieur, mais à l'aide du Javascript.
Exemple
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Bijour</title> </head> <body> <canvas id="canvas" width="480" height="360"> <p>Phrase qui ne s'affiche que si le naviguateur n'est pas compatible avec canvas.</p> </canvas> <script type="text/javascript"> var canvas = document.querySelector("#canvas"); var context = canvas.getContext('2d'); // A voir pour de la 3D plus tard ! context.fillStyle = "red"; // On définit une couleur context.fillRect(0, 0, 50, 80); // On défini une forme, ici un rectangle avec sa positon x et y de départ et sa longeur et sa largeur. context.fillStyle = "rgba(23, 145, 167, 0.4)"; // Le dernier paramètre de rgba est l'opacité, on peut donc faire de la transaprence context.fillRect(40, 25, 40, 40); </script> </body> </html>
Voilà, un petit exemple, il y a beaucoup d'autres fonctionnalités, n'hésiter pas à les chercher ou à demander de l'aide !
⇒ Si vous êtes ici c'est que le sujet vous intéresse ^^
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
Répondre
Inscrivez-vous sur Oyant, apportez votre contribution sur ce sujet et gagnez de l'argent :
Inscription
 | Bénéficier d'un microcréditBonjourJ'ai besoin de savoir comment bénéficier d'un microcrédit ? |
Crédits, prêts | |
Microcrédit Bénéficier |
| Les montants du microcrédit professionnelBonjourJ'ai besoin de savoir les montants du microcrédit professionnel ? |
Crédits, prêts | |
Microcrédit professionnel Montants |
| Comment inclure de l'audio sur sa page web ?Salut !J'aimerais savoir comment on fait pour inclure une vidéo dans sa page web ? Merci d'avance ! |
Vidéos en ligne HTML / DHTML / XHTML | |
HTML Web Vidéo |
| Le microcrédit professionnelSalutS'il vous plaît, a quoi sert le microcrédit professionnel ? |
Crédits, prêts | |
Microcrédit professionnel |
 RESOLU | Comportements spécifiques pour les instances d'activité AndroidBonsoirQuelles sont les comportements spécifiques pour les instances d'activité Android? |
Android | |
Comportements spécifiques Instances Activité Android |
 | Contrat de concessionBonjourQu'est-ce qu'un contrat de concession ? Merci de répondre. |
Fournisseurs | |
Contrat de concession Entreprise Fournisseur |
RESOLU | Structure d'un projet AndroidBonjourS'il vous plaît je voudrais savoir la structure d'un projet Android? |
Android | |
Structure Projet Android |
 | Les avantages fiscaux attribués à une jeune entreprise innovanteBonjourQuelles sont les avantages fiscaux attribués à une jeune entreprise innovante? |
Entreprise | |
Avantages fiscaux Jeune entreprise innovante Entreprise |
| Les caractéristiques d'une jeune entreprise innovanteBonjourQuelles sont les caractéristiques d'une jeune entreprise innovante? |
Entreprise | |
Caractéristique Jeune entreprise innovante Entreprise |
RESOLU | Composantes d'AndroidBonsoirQuelles sont les composantes d'Android? Merci d'avance. |
Android | |
Composantes Android |
RESOLU | Applications Android utilesBonjourQuelles sont les applications Android utiles? |
Android | |
Applications Android |
| Demander un numéro Siren pour mon entrepriseBonjourComment demander un numéro Siren pour mon entreprise ? |
Entreprise | |
Entreprise Siren |
 | Les organismes à contacter pour la création d'une entrepriseBonjourQuels sont les organismes à contacter pour la création de mon entreprise? |
Création d'entreprise | |
Organismes Création Entreprise |
RESOLU | Android le dossier srcBonjourC'est quoi le dossier 'src' qui se trouve dans un projet android? |
Android | |
Dossier src Projet Android |
| Création d'une entrepriseSalutQuelles sont les premières questions à se poser lors de la création de mon entreprise? |
Création d'entreprise | |
Entreprise Préparatif |
 | Comment créer une regex en Javascript ?Hey !Comment on fait pour créer une expression régulière en Javascript ? |
JavaScript | |
Javascript |
| Objectif des zones franches urbainesBonjourJ'ai besoin de savoir l'objectif des zones franches urbaines? |
Entreprise | |
Objectif Zones franches urbaines |
| Les démarches effectué pour la demande d'un brevetBonjourQuelle sont les démarches effectué pour la demande d'un brevet? Merci d'avance |
Entreprise | |
Démarches Demande Brevet |
| Les inventions qui peuvent être brevetéesBonjourQuelles sont les inventions qui peuvent être brevetées ? |
Entreprise | |
Inventions Brevet |
| Veuillez vous connecter pour profiter pleinement de toutes les fonctionnalités de Oyant. | ||
Connexion |
Inscription |
|
|
Poster une question |
||
