بخش مقالات آکادمی | Articles
آخرین آموزش ها

در مبحث گرافیک در زبان HTML پیشتر canvas ها رو به شما معرفی کردیم و در مورد اونها و نحوه استفادشون توضیحاتی دادیم. آیا فقط canvas ها هستن که با اونها میتونیم در قالبمون جلوه های گرافیکی داشته باشیم؟ جواب منفی است! در این مقاله به شما SVG رو معرفی میکنیم و نحوه استفاده ازونارو بهتون آموزش میدیم. امیدوارم تا پایان سری مقاله های درمورد SVG همراهمون باشین. قبل از آشنایی و یادگیری SVG ها شما باید مباحث زیر مسلط باشین:

SVG چیست؟

SVG مخفف شده عبارت Scalable Vector Graphics میباشد و به معنی گرافیک برداری مقیاس پذیر میباشد. SVG برای گرافیک های مبتنی بر بردار تحت وب استفاده و در فرمت XML تعریف میشوند. در SVG اجزاء گرافیکی کیفیت خودشون رو ازدست نمیدهند حتی درحالت هایی که زوم کرده اید یا اندازه آنرا تغییر بدهید. همه عناصر و صفت ها میتونن متحرک بشن. جالب بدونین که SVG از طرف W3C توصیه شده و بادیگر استاندارهای این سازمان ازجمله DOM و XSL مطابقت میکند.
توصیه های W3C از SVG:

  • اولین توصیه W3C در 4 سپتامبر 2001 از نسخه 1.0 SVG
  • در 14 ژانویه 2003 از نسخه 1.1 SVG
  • در 16 آگوست 2011 از دومین ویرایش نسخه 1.1 SVG

مزیت های SVG:
مزیت های استفاده SVG نسبت به فرمت های تصویر مانند JPEG و GIF عبارتنداز:

  •  توسط هر ویراستار متن میتونن ساخته و ویرایش شوند.
  •  میتون جستوجو، اسکریپت سازی، فشرد سازی و ایندکس سازی بشن.
  •  مقیاس پذیر هستند.
  • می توان با کیفیت بالا و هر رزولوشن تصویری چاپ نمود
  • قابلیت بزرگنمایی دارند یعنی عکس ها بزرگ میشن بدون اینکه تنزل کیفیت پیداکنن.
  • SVG ها یک استاندارد متن باز هستند.
  • فابل های آن XML خالص می باشد.

اصلی ترین رقیب SVG ها Flash ها هستند. بزرگترین مزیت اونها نسبت به Flash منطبق بودنشون با استانداردهایی همچون XSL و DOM میباشد. درضمن Flash ها تکنولوژی ویژه ایی دازد که به هیچ وجه متن باز نیست.
ایجاد  عکس های SVG:

عکس های SVG توسط هر ویراستار متنی ایجاد میشوند ولیکن بهتره که از یک نرم افزار بهتر برای اینکار استفاده نمود نظیر: Inkscape

اگر میخواهید از این تصاویر استفاده کنید دیدن این آموزش رو به شما پیشنهاد میکنم .

تاریخ ارسال
28 اردیبهشت 1395
ارسال شده توسط
محمدرضا تناکیان
میزان بازدید
0 نفر بازدیدکننده
0 دیدگاه
فایلی جهت دانلود وجود ندارد !
مشخصات
حجم و فرمت :

0 دیدگاه ثبت شده

شما هم نظری بدهید
هنوز دیدگاهی ثبت نشده
توجه فرمایید:
نظرات شما پس از بررسی و تایید نمایش داده می شود.
لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنید.