Lesrooster

HTML Graphics

• HTML Graphics

HTML tekenen

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

Google Maps

• Maps introductie
• Maps basis
• Maps laag
• Maps gebeurtenissen
• Maps besturingselement
• Maps type
• Maps referentiemanual

SVG Tutorial

• SVG introductie
• SVG嵌入 HTML
• SVG rechthoek
• SVG cirkel
• SVG ovaal
• SVG lijn
• SVG veelhoek
• SVG boog
• SVG pad
• SVG tekst
• SVG penseel
• SVG Filters
• SVG vervaging
• SVG Shadows
• SVG Linear Gradients
• SVG Radial Gradients
• SVG Examples
• SVG Reference Manual

Canvas handleiding

• Canvas introductie
• Canvas tekenen
• Canvas coördinaten
• Canvas lijn
• Canvas vorm
• Canvas rechthoek
• Canvas cirkel
• Canvas lijn
• Canvas verloop
• Canvas tekst
• Canvas afbeelding

Canvas Clock

• Klok introductie
• Klok klok
• Klok cijfers
• Klok wijzer
• Klok start

HTML-spel

• Spelintroductie
• Game Canvas
• Game Components
• Game Controllers
• Game Obstacles
• Game Scores
• Game Images
• Game Sounds
• Game Gravity
• Game Bounce
• Game Rotation
• Game Motion

Verplichte cursus

Aanbevolen cursus:

• CodeW3C.com Toolbox

JavaScript grafische bibliotheek

Een JavaScript-bibliotheek voor kunstmatige intelligentie-grafieken en andere grafieken:

• Plotly.js
• Chart.js
• Google Chart

Google Maps

Door het gebruik vanGoogle Maps，waarbij we de kaart kunnen嵌入 HTML.

SVG

HTML <svg> elementKan vectorgraphics in HTML realiseren:

HTML Canvas

HTML <canvas> elementKan worden gebruikt om grafieken op een webpagina te tekenen:

Onderstaand is een voorbeeld gemaakt met <canvas>:

Het toont vier elementen: een rode rechthoek, een overgangsrechthoek, een veelkleurige rechthoek en veelkleurige tekst.

Toolbox

Canvas API

Sponsor Links