راه های تماس :
1 ابتدا با شناسه کاربری خود وارد سایت شوید
2 روی کلید سبز رنگ بالای سایت کلیک کنید
3منوی ارسال پست جدیدرا کلیک کنید .
  • ساعات مجاز برای تماس : 10 تا 16
  • روزهای کاری : شنبه تا 4شنبه
  • ایمیل : data(@)rastchin.com
 
اگر مشکل شما همچنان برقرار است یا سوالات دیگری دارید می توانید با تلگرام ما در ارتباط باشید
 

وضعیت پشتیبانی مرورگرها از فرمت تصویری SVG

5
1 1 1 1 1
رتبه 5.00 (2 رای)
آشنایی با فرمت SVG

اگر تا به حال با فایل های SVG برخورد نداشته اید، باید بدانید که این عبارت، مخفف Scalable Vector Graphics می باشد. از نام پیداست که فرمتِ یک نوع فایل بُرداری می باشد.تصاویر برداری قابلیت افزایش سایز، بدون کاهش کیفیت را دارند. اما آنچه این فرمت را با موارد مشابه مانند EPS و Ai متفاوت می کند، امکان استفاده از SVG در طراحی وب سایت می باشد


orange 2مورد از  مزیت های مهم SVG:
- قابلیت تنظیم خودکار بر اساس طول یا عرض صفحه  - باتوجه با اینکه تصاویر SVG فری سایز می باشد، با تغییر طول یا عرض، کیفیت کاهش پیدا نمی کند
- فایل های SVG مبتنی بر XML می باشند. بعبارت دیگر متنی هستند و گزینه خوبی برای فشرده سازی می باشند.


orange آیا معایبی هم وجود دارد؟
 - در حال حاضر پشتیبانی نرم افزار های رایج گرافیک مانند فتوشاپ از این فرمت وجود ندارد.
(برای طراحی و یا ویرایش می توانید از نرم افزارهای دیگر مانند Inkscape  و یا Adobe Illustrator استفاده کنید)
-  همه مرورگرها این فرمت را پشتیبانی نمی کنند.

which browsers support svg format?

برای اطلاع از وضعیت پشتیبانی مرورگرهای رایج وب روی تصویر بالا کلیک فرمایید

logo svg rastchin

 یک نمونه تصویر SVG

 
اگر این صفحه را با "کلید های ترکیبی کنترل و بعلاوه" بزرگ نمایید ( CTRL و +) متوجه بزرگ شدن تصویر بالا بدون افت کیفیت خواهید شد

توجه : برای بازگشتن به سایز اصلی صفحه، کلیدهای CTRL و 0 (صفر) را باهم فشار دهید. (زبان کیبورد در حالت انگلیسی باشد)

orange نحوه استفاده :
 مانند دیگر فرمت های رایج تصویر در وب (jpeg , gif , png) به کمک تگ img می توانید فایل را فراخوانی کنید :

<img alt="logo-svg" src="/images/news/logo.svg">

orange آیا امکان استفاده از فایل SVG بصورت inline وجود دارد؟
پاسخ بله است. شما می توانید کدها را درون فایل برنامه خود به کمک تگی با همین نام اضافه کنید:

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
 Sorry, your browser does not support inline SVG.
</svg>

 این یک مثال ساده از کشیدن دایره با حاشیه سبز است . بمنظور دیدن خروجی کد بالا اینجا را کلیک کنید.

orange اگر برای شروع نمی خواهید وارد داستان طراحی شوید و فعلا از نمونه های موجود در اینترنت استفاده نمایید جستجویی در موتور گوگل انجام دهید: مثلا : Browser logo filetype:SVG

بمنظور کسب اطلاعات بیشتر نیز ویکی پدیا همیشه در کنار شماست!
https://en.wikipedia.org/wiki/Scalable_Vector_Graphics

بالا