آموزش - آموزش طراحی وب

۲۰ شهریور ۱۴۰۰

شکل فعلی، لایه‌ی ترسیمات، و تنظیمات canvas

این مطلب توضیحاتی درباره‌ی شکل فعلی یا current path، لایه‌ی ترسیمات، متد‌های مربوط به هرکدام و تنظیمات محیط canvas ارائه می‌دهد.

۱۴ شهریور ۱۴۰۰۱۴ شهریور ۱۴۰۰

شکل‌های پایه در canvas

مروری بر شکل‌های پایه و ویژگی‌های آن‌ها در canvas. در این آموزش انواع خط و منحنی، و معادل آن‌ها در SVG را مورد بررسی قرار می‌دهیم و موارد خاص را بازگو می‌کنیم.

۷ شهریور ۱۴۰۰

آغاز کار با canvas و متد‌های اولیه

راه‌اندازی canvas و بررسی ویژگی‌ها و متد‌های اصلی آن برای رسم. در این آموزش به بررسی دو متد fill و stroke، و ویژگی‌های fillStyle، strokeStyle، و lineWidth می‌پردازیم.

۲۴ مرداد ۱۴۰۰۲۴ مرداد ۱۴۰۰

عنصر canvas و کاربردهای آن

مقدمه‌ای بر عنصر Canvas و استاندارهایی که از آن برای ترسیمات دوبعدی و سه بعدی در مرورگرها استفاده‌ می‌کنند.

۲۵ تیر ۱۴۰۰۲۵ تیر ۱۴۰۰

با استفاده از عنصر <clipPath> می‌توان ناحیه یا مسیر برش تعریف کرد و از آن در ویژگی clip-path برای مخفی کردن قسمتی از یک عنصر HTML یا SVG استفاده کرد. زمانی که مسیر برشی را بر روی یک عنصر اعمال می‌کنیم، هر قسمتی از آن عنصر که خارج از مسیر برش قرار بگیرند، نمایش داده نمی‌شوند.