Bảng lịch khóa học

HTML hình ảnh

• HTML hình ảnh

Vẽ HTML

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

Google Maps

• Giới thiệu về Maps
• Cơ bản Maps
• Lớp叠加 Maps
• Sự kiện Maps
• Điều khiển Maps
• Loại Maps
• Sách tham khảo Maps

Hướng dẫn SVG

• Giới thiệu về SVG
• Thẻ SVG chèn vào HTML
• Hình vuông SVG
• Hình tròn SVG
• Trứng SVG
• Đường thẳng SVG
• Đa giác SVG
• Đường折 SVG
• Đường dẫn SVG
• Text SVG
• Chì SVG
• Bộ lọc SVG
• Mờ SVG
• Bóng SVG
• Dốc tuyến tính SVG
• Dốc tia ray SVG
• Mẫu SVG
• Hướng dẫn tham khảo SVG

Hướng dẫn Canvas

• Giới thiệu về Canvas
• Vẽ Canvas
• Tọa độ Canvas
• Đường thẳng Canvas
• Hình dạng Canvas
• Hình vuông Canvas
• Hình tròn Canvas
• Đường cong Canvas
• Độ dốc Canvas
• Text Canvas
• Hình ảnh Canvas

Đồng hồ Canvas

• Giới thiệu về đồng hồ
• Mặt đồng hồ
• Số đồng hồ
• Điểm chỉ đồng hồ
• Bắt đầu đồng hồ

Trò chơi HTML

• Giới thiệu về trò chơi
• Vùng vẽ game
• Thành phần game
• Trình điều khiển game
• Kháng cự game
• Điểm số game
• Hình ảnh game
• Tiếng game
• Trọng lực game
• Tăng phát game
• Chuyển động game
• Chuyển động game

Khóa học tự chọn

Khuyến nghị khóa học:

• Bộ công cụ CodeW3C.com

Thư viện đồ họa JavaScript

Là thư viện JavaScript cho các biểu đồ trí tuệ nhân tạo và các biểu đồ khác:

• Plotly.js
• Chart.js
• Google Chart

Google Maps

Bằng cách sử dụngGoogle MapsChúng ta có thể chèn bản đồ vào HTML.

SVG

Thẻ <svg> trong HTMLCó thể thực hiện các hình ảnh vector dựa trên HTML:

HTML Canvas

Thẻ <canvas> trong HTMLCó thể sử dụng để vẽ hình ảnh trên trang web:

Hình vẽ dưới đây được tạo bằng <canvas>:

Nó hiển thị bốn yếu tố: hình vuông đỏ, hình vuông dốc, hình vuông nhiều màu và văn bản nhiều màu.

Bộ công cụ

Canvas API

Liên kết tài trợ