Talaan ng Kurso

HTML Graphics

• HTML Graphics

Pagsusulat ng HTML

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

Google Maps

• Pangngilbi ng Maps
• Basikong Maps
• Layer ng Maps
• Mga Kaganapan ng Maps
• Kontrol ng Maps
• Uri ng Maps
• Mga Referensya ng Maps

SVG Tutorial

• Pangngilbi ng SVG
• I嵌入 sa HTML ang SVG
• Parakilido ng SVG
• Sirkulo ng SVG
• Ellips ng SVG
• Linya ng SVG
• Poligono ng SVG
• Tulay ng SVG
• Path ng SVG
• Teksto ng SVG
• Touch ng SVG
• SVG Filters
• Blurring ng SVG
• SVG Shadows
• SVG Linear Gradients
• SVG Radial Gradients
• SVG Examples
• Reference Manual for SVG

Tuturuan ng Canvas

• Pangngilbi ng Canvas
• Pagpipinta ng Canvas
• Koordinado ng Canvas
• Linya ng Canvas
• Hakbang ng Canvas
• Parakilido ng Canvas
• Sirkulo ng Canvas
• Linya ng Canvas
• Gradasyon ng Canvas
• Teksto ng Canvas
• Image ng Canvas

Canvas Clock

• Pangngilbi ng Orasan
• Lakas ng Orasan
• Tama ng Orasan
• Panggagamit ng Orasan
• Simula ng Orasan

HTML Laro

• Pangngilbi ng Laro
• Game Canvas
• Game Components
• Game Controllers
• Game Obstacles
• Game Scores
• Game Images
• Game Sounds
• Game Gravity
• Game Bounce
• Game Rotation
• Game Movement

Pilipino na Kurso

Rekomendasyon ng Kurso:

• CodeW3C.com Treasure Box

JavaScript grapik library

Isang JavaScript library na ginagamit para sa grapik ng artipisyal na kaisipan at ibang grapik:

• Plotly.js
• Chart.js
• Google Chart

Google Maps

Gamit angGoogle Maps，kaya namin mapupulong ang mapa sa HTML.

SVG

HTML <svg> elementMaaaring maisagawa ang mga vektor grapik na nasa HTML:

HTML Canvas

HTML <canvas> elementMaaaring gamitin upang gumuhit ng mga grapik sa web page:

Ang larawan na ito ay nilikha gamit ang <canvas>:

Ito ay nagpapakita ng apat na elemento: red rectangle, gradient rectangle, multicolored rectangle, at multicolored text.

Toolbox

Canvas API

Sponsor Links