جدول دوره‌ها

تصاویر HTML

• تصاویر HTML

رسم HTML

• گرافیک
• Canvas
• Plotly.js
• Chart.js
• گوگل
• D3.js

نقشه‌های گوگل

• مقدمه از Maps
• اساس‌های Maps
• لایه‌های افزودنی Maps
• رویدادهای Maps
• کنترل‌های Maps
• نوع Maps
• دستورالعمل‌های Maps

آموزش‌های SVG

• مقدمه از SVG
• غوطه‌ور SVG در HTML
• مکعب‌های مستطیل SVG
• دایره‌های SVG
• مکعب‌های بیضوی SVG
• خطوط SVG
• مکعب‌های چندگوشه SVG
• خطوط خمیده SVG
• مسیر SVG
• متن SVG
• خط SVG
• فیلترهای SVG
• تار مخملی SVG
• سایه‌های SVG
• تدرج خطی SVG
• تدرج محوری SVG
• مثال‌های SVG
• دستورالعمل‌های مرجع SVG

آموزش Canvas

• مقدمه از Canvas
• ترسیم Canvas
• مختصات Canvas
• خط Canvas
• شکل Canvas
• مکعب مستطیل Canvas
• دایره‌ی Canvas
• منحنی Canvas
• تدرج Canvas
• متن Canvas
• تصویر Canvas

ساعت کانواس

• مقدمه از ساعت
• دایره‌ی ساعت
• اعداد ساعت
• نشانگرهای ساعت
• شروع ساعت

بازی HTML

• مقدمه از بازی
• کاور بازی
• م�件‌های بازی
• کنترل‌های بازی
• موانع بازی
• نمرات بازی
• تصاویر بازی
• صداها بازی
• جاذبه بازی
• بازتاب بازی
• چرخش بازی
• حرکت بازی

درس‌های اختیاری

پیشنهاد دوره:

• جعبه ابزار CodeW3C.com

کتابخانه‌های گرافیکی JavaScript

یک کتابخانه JavaScript برای گرافیک‌های هوش مصنوعی و سایر نمودارها:

• Plotly.js
• Chart.js
• Google Chart

نقشه‌های گوگل

با استفاده ازنقشه‌های گوگل، ما می‌توانیم نقشه را در HTML گنجانده باشیم.

SVG

عنصر HTML <svg>می‌توانیم تصاویر مبتنی بر رشته‌های HTML را ایجاد کنیم:

کانواس HTML

عنصر HTML <canvas>این قابل استفاده برای ترسیم تصاویر در وب است:

این تصویر با استفاده از <canvas> ایجاد شده است:

این چهار عنصر را نمایش می‌دهد: مکعب قرمز، مکعب تدرج، مکعب چندرنگ و متن چندرنگ.

ابزارخانه

API کانواس

لینک‌های حامی