بمنظور استفاده از پشتیبانی قالب های رایگان راستچین
سوالات خود را در تالار گفتمان مطرح کنید

1



قالب راستچین سازه برای جوملا منتشر شد


  • نسخه جوملا 2.5 و نسخه 3.6


 

کسب اطلاعات بیشتر مشاهده آنلاین قالب

  • همه
  • آفیس
  • اسکریپت
  • افزونه
  • فتوشاپ
  • قالب
  • گرافیک
  • پیش فرض
  • عنوان
  • تاریخ
نمایش بیشتر کلید شیفت را نگه دارید نمایش همه

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

آشنایی با فرمت 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

تازه ها - پرسش و پاسخ

سلام-من میخوام هنگامیکه وارد صفحه فروشگاه (shop) میشم او حالتی که الان...
3 روز قبل 1 36
با سلام احتراما من کاملا تازه کار هستم . در حال حاضر یکی از دوستا...
3 روز قبل 7 44
سلام. برای آگهی های جدید ،عکس نمیتونم ثبت کنم. عکس با موفقیت ذخیره میش...
4 روز قبل 1 42
بالا