جلسه ۱۰۱ : آموزش کار با تگ svg در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به کار با تگ sup پرداختیم؛ وظیفه تگ sup تعریف متن نوشتاری است.
در ادامه این مجموعه آموزشی، این جلسه را به آموزش کار با تگ svg در HTML اختصاص داده ایم.

آموزش کار با تگ svg در HTML

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

تعریف و کاربرد

تگ svg ظرفی را برای گرافیک SVG تعریف می کند.
SVG روشهای مختلفی برای ترسیم مسیرها ، جعبه ها ، حلقه ها ، متن و تصاویر گرافیکی دارد.

پشتیبانی مرورگرها

در ادامه می توانید ببینید که آیا مرورگرهای مختلف از تگ svg پشتیبانی می کنند یا خیر.

عنصر
<svg>	۴٫۰	۳٫۰	۱۰٫۱	۳٫۲	۹٫۰

نمونه های بیشتر

نمونه یک

رسم یک مستطیل:

نمونه دو

رسم یک مربع با گوشه های گرد:

نمونه سه

رسم یک ستاره:

نمونه چهار

رسم یک لوگوی SVG:

کلام آخر

در این جلسه شما را با تگ svg آشنا کردیم؛ تگ svg ظرفی را برای گرافیک SVG تعریف می کند.
در جلسه آتی به کار با تگ table خواهیم پرداخت.
با پی وی لرن همراه باشید.