Calendrier des cours

Graphiques HTML

• Graphiques HTML

Dessin HTML

• Graphiques
• Canvas
• Plotly.js
• Chart.js
• Google
• D3.js

Google Maps

• Aperçu de Maps
• Base Maps
• Calques Maps
• Événements Maps
• Contrôles Maps
• Types Maps
• Manuel de référence Maps

Tutoriels SVG

• Aperçu de SVG
• Embed SVG dans HTML
• Rectangle SVG
• Cercle SVG
• Ovale SVG
• Ligne SVG
• Polygone SVG
• Courbe de gauchissement SVG
• Chemins SVG
• Texte SVG
• Contour SVG
• Filtres SVG
• Flou SVG
• Ombres SVG
• Dégradés linéaires SVG
• Dégradés radiaux SVG
• Exemples SVG
• Manuel de référence SVG

Tutoriel Canvas

• Aperçu de Canvas
• Dessin Canvas
• Coordonnées Canvas
• Ligne Canvas
• Forme Canvas
• Rectangle Canvas
• Cercle Canvas
• Courbe Canvas
• Dégradé Canvas
• Texte Canvas
• Image Canvas

Horloge Canvas

• Aperçu de l'horloge
• Dial de l'horloge
• Chiffres de l'horloge
• Aiguilles de l'horloge
• Lancement de l'horloge

Jeu HTML

• Aperçu du jeu
• Canvas de jeu
• Composants de jeu
• Contrôleur de jeu
• Obstacles de jeu
• Points de jeu
• Images de jeu
• Son de jeu
• Gravité de jeu
• Rebond de jeu
• Rotation de jeu
• Mouvement de jeu

Cours optionnels

Recommandation de cours :

• Boîte à outils CodeW3C.com

Bibliothèque de graphiques JavaScript

Bibliothèque JavaScript pour les graphiques d'intelligence artificielle et d'autres graphiques :

• Plotly.js
• Chart.js
• Google Chart

Google Maps

En utilisantGoogle Maps，nous pouvons intégrer des cartes dans l'HTML.

SVG

Élément HTML <svg>Peut réaliser des graphiques vectoriels dans HTML :

Canvas HTML

Élément HTML <canvas>Peut être utilisé pour dessiner des graphiques sur une page Web :

Le graphique suivant est créé avec <canvas> :

Il affiche quatre éléments : rectangle rouge, rectangle avec dégradé, rectangle multicolore et texte multicolore.

Boîte à outils

API Canvas

Liens de sponsors