معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

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

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

کاربرد تگ جدید svg در html5

SVG مخفف کلمه Scalable Vector Graphics است.

عبارت انگلیسی Scalable Vector Graphics به معنی گرافیک برداری مقیاس پذیر میباشد.

SVG برای تعریف گرافیک در وب سایت استفاده می شود.

تگ <svg> یک تگ جدید است که در HTML5 معرفی شده است.

تگ <svg> ظرفی برای گرافیک SVG درون وبسایت فراهم می کند.

جهت استفاده از تگ <svg> روش های مختلفی وجود دارد. که در ادامه به معرفی این روش ها می پردازیم.

روش های استفاده از تگ جدید SVG در HTML5

تگ <svg> دارای چندین روش استفاده برای رسم مسیر ها ، رسم مربع ، رسم مستطیل ، رسم دایره ، ایجاد متن و عکس های گرافیکی است.

مثال در مورد رسم مستطیل با تگ <svg>

مثال در مورد رسم مستطیل به گوشه های گرد با تگ <svg>

مثال در مورد رسم دایره با تگ <svg>

مثال در مورد رسم ستاره با تگ <svg>

مثال در مورد رسم logo با تگ <svg>

بررسی تگ <svg> در HTML 4.01 و HTML5

تگ <svg> یک تگ جدید در HTML5 می باشد. و در HTML 4.0.1 و ورژن های قدیمی تر پشتیبانی نمی شود.

تفاوت بین تگ <SVG> و تگ Canvas

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

SVG زبانی برای رسم اشکل دوبعدی گرافیکی یا 2d در XML است.

اما تگ Canvas ، اشکال هندسی دو بعدی را در حال حرکت رسم با کمک جاوا اسکریپت خلق می کند.

پشتیبانی مرورگرها از تگ <svg> در HTML

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن | معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن

معرفی و کاربرد تگ svg در html | تصاویر svg | آموزش کامل svg انیمیشن – اختصاصی سایت آموزی