SVG در html

بخش چهل و سوم-SVG در html

[button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-canvas/” icon=”” target=”false”] گام قبلی >[/button] [button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-media/” icon=”” target=”false”]< گام بعدی [/button]

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 تغییر کند، مرورگر می تواند به صورت خودکار شکل را مجدد کند.

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

[button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-canvas/” icon=”” target=”false”] قدم قبلی >[/button] [button color=”blue” size=”medium” link=”https://alooposhtiban.ir/html-media/” icon=”” target=”false”]< قدم بعدی [/button]

مطالب مرتبط:

نکاتی برای طراحی یک کاتالوگ موفق

بهترین روش های طراحی فرم جستجو

برترین بانو های کارآفرین ایران

چگونه به کمک تکنیک‌ های CRM تبلیغات خود را بهینه کنیم؟

منبع: الو پشتیبان – ارائه دهنده مقالات: ارتباط با مشتریاصول طراحی بنر تبلیغاتیکمک وردپرس

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید

فهرست