آموزش تگ svg در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ svg در HTML با من همراه باشید.

آموزش تگ svg در HTML

Free-Learn

تگ Svg در HTML

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

کلمه SVG مخفف Scalable Vector Graphics و به معنی ( گرافیک برداری مقیاس پذیر ) می باشد که در HTML5 این تگ یک تگ جدید/اضافه شده است.

Free-Learn

مثال از تگ svg در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : رسم دایره بهمراه خط دور لبه

امتحان کنید

مثال شماره ۲ : رسم مربع با خط دور لبه و گوشه های گرد شده

امتحان کنید

مثال شماره ۳ : رسم دایره با محتوا (یک متن در داخل دایره)

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی ۴٫۰ ۳٫۰ ۱۰٫۱ ۳٫۲ ۹٫۰

Free-Learn

نکات و توضیحات

تگ svg یک تگ جدید/اضافه شده در HTML5 می باشد.

Free-Learn

دستورات CSS پیش فرض

این تگ هیچ دستور CSS پیش فرضی ندارد.

Free-Learn