آموزش Svg

در این دوره با تگ های مهم Svg به طور کامل آشنا خواهید شد و طریقه استفاده از آنها را یاد خواهید گرفت.

رایگان

شما در این دوره ثبت نام نکردید

svg چیست؟

کلمه Svg مختصر شده عبارت گرافیک بردار مقیاس پذیر (Scalable Vector Graphics) است.مقیاس پذیر یعنی بیننده می تواند اندازه تصویر را کم یا زیاد کند بدون اینکه کیفیت کم شود. دلیل این اتفاق این است که گرافیک برداری به وسیله اعداد تعریف می شود نه به وسیله پیکسل. کم وزیاد شدن اندازه تصویر یعنی ضرب و تقسیم اعدادی که شکل های svg را تعریف می کنند. با دوره آموزش svg می توانید کار با این فرمت شگفت انگیز را یاد بگیرید. 

آموزش svg

Svg یک فرمت تصویری فوق العاده قدرتمند می باشد. با این فرمت گرافیکی می توانید شکل های خاصی را با زبان XML ایجاد کنید. برای رسم تصاویر برداری دوبعدی از این فرمت استفاده می شود.این فرمت گرافیک برداری برای رسم انواع نمودار ها مفید است. برای نمونه:

svg img

چرا از آموزش Svg استفاده کنیم؟

نمونه کد آموزشی svg برای رسم دایره

svg-code

دوره آموزش Svg:

برای گذراندن دوره آموزش کار با svg لازم است زبان HTML را بلد باشید و با زبان Css نیز آشنایی داشته باشید در صورتی که با این دو زبان آشنا نیستید پیشنهاد می شود دوره آموزشی HTML به زبان ساده و دوره آموزش جامع css را بگذرانید. در این دوره با تگ های مهم Svg به طور کامل آشنا خواهید شد و طریقه استفاده از آنها را یاد خواهید گرفت. این دوره به شما کمک می کند که بتوانید اشکال و تصاویر مورد نیاز خود را به وسیله Svg رسم کنید.

پاسخ به سوالات شما‌:

برای رسم تصاویر گرافیکی و اشکال برداری از svg استفاده می کنیم

نه شما بدون دانستن svg نیز می توانید طراحی سایت انجام دهید. اما یادگیری آن شما را در سطح بالاتری از این حرفه قرار می دهد.

بله در این دوره آموزشی طریقه رسم تمام اشکال را خواهید آموخت

آنچه در این دوره آموزشی فرا خواهید گرفت:
  1.  مستطیل و دایره​
  2.  بیضی و خط و متن
  3.  چند ضلعی و چند خطی
  4.  گرادیانت
  5.  فیلتر
  6.  نحوه استفاده از تگ path
  7. آموزش viewport-viewbox-xmlns و نکات تکمیلی
جلسات دوره
بخش اول

طریقه رسم مستطیل و دایره

00:10:55
ثبت نام کنید

طریقه رسم بیضی و خط و متن

00:10:43
ثبت نام کنید

طریقه رسم چند ضلعی و چند خطی

00:05:11
ثبت نام کنید

آموزش گرادیانت

00:11:34
ثبت نام کنید

آموزش فیلتر

00:09:08
ثبت نام کنید

آموزش نحوه استفاده از تگ path

00:17:52
ثبت نام کنید

آموزش viewport-viewbox-xmlns و نکات تکمیلی

00:06:20
ثبت نام کنید
نظرات شما

نقد و بررسی‌ها

هنوز بررسی‌ای ثبت نشده است.

اولین کسی باشید که دیدگاهی می نویسد “آموزش Svg”