گام قبلی >< گام بعدی

SVG در html

در این آموزش html به کاربرد SVG در html می پردازیم.

SVG چیست؟

  • SVG برای گرافیک برداری مقیاس پذیر است
  • SVG برای تعریف گرافیک برای وب استفاده می شود

 عنصر svg در html

عنصر svg در html یک ظرف برای گرافیک SVG است.

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

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

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

SVG دایره

مستطیل SVG

SVG مستطیل گرد

 SVG ستاره

SVG لوگو 

تفاوت SVG و بوم

SVG یک زبان برای توصیف گرافیک ۲D در XML است.

نقاشی گرافیک ۲D را در پرواز (با جاوا اسکریپت) ترسیم می کند.

SVG مبتنی بر XML است، به این معنی که هر عنصر در SVG DOM موجود است. میتوانید یک عنصر را برای رویداد رویداد جاوااسکریپت اضافه کنید.

در SVG هر شکل کشیده به عنوان یک شیء به یاد میآید. اگر ویژگی یک شیء SVG تغییر کند، مرورگر می تواند به صورت خودکار شکل را مجدد کند.

نقاشی پیکسل توسط پیکسل ارائه شده است. در بوم، هنگامی که گرافیک کشیده شده است، توسط مرورگر فراموش شده است. اگر موقعیت آن بایستی تغییر شود، باید تمام صحنه را بازنویسی کرد، از جمله هر گونه اشیایی که ممکن است توسط گرافیک پوشش داده شود.

قدم قبلی >< قدم بعدی