0 از 0 رأی

رایگان!

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

  • 7 جلسه
  • مدت زمان: 01:21:43 ساعت
  • پیش نیازها: تسلط به html و css
مدرس مونا کیارستمی

مونا کیارستمی

درباره مدرس کارشناسی ارشد هوش مصنوعی دارم. چند سال در زمینه طراحی وب و برنامه نویسی کار کردم. عاشق یادگیری مطالب جدیدم.

مشاهده بیشتر

آموزش Svg

svg چیست؟

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

آموزش svg

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

svg img

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

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

<html>
 <body>
  <h1>My first SVG</h1>
  <svg width="100" height="100">
     <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
  </svg>
 </body>
</html>

دوره آموزش Svg:

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

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

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

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

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

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

جلسات

7 جلسه
طریقه رسم مستطیل و دایره
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”

هیچ دیدگاهی برای این محصول نوشته نشده است.