SVG در طراحی وب

18 11 2008

عکس های jpeg و jpg و png و امثال آن عکس های پیکسلی هستند یعنی در آن ها رنگ هر پیکسل در عکس به طور اختصاصی وارد شده است . اما در SVG عکس به صورت برداری تعیین می شود و به عبارت دیگر هر چقدر در عکس زوم می کنیم کیفیت آن تغییری نمی کند.

شما شاید در آیکن های لینوکس به پسوند .svg بر خورده باشید.
SVG ۳ حرف اول کلمات Scable Vector Graphics می باشد. عکس های SVG به صورت XML هستند و برای ایجاد آن ها نیاز به دانستن تعدادی تگ svg هست . راه دیگر ایجاد آن ها استفاده از برنامه هایی هستند که رابط گرافیکی ما و سورس svg هستند و به عبارت دیگر با کشیدن عکس دلخواه در برنامه عکس svg برای ما می سازند (به همین راحتی) . از جمله ی برنامه های open source در این زمینه می توان Inkscape را نام برد. این برنامه دارای امکانات بسیار عالی می باشد. از جمله ی امکانات بسیار پیشرفته ی آن می توان به تبدیل عکس های پیکسلی به برداری را نام برد.

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

svg را می توان با جاوا اسکرپت مخلوط کرد و حاصل آن دو می تواند یک انیمیشن کم حجم و یا یک header بسیار زیبا باشد. برای تمامی المان های svg می توان رویداد های جاوا اسکریپتی تعریف کرد که این خصوصیت واقعا عالی هست.

ولی ای کاش همه فایرفاکس استفاده می کردند و یا بهتره بگم همه ی مرورگر ها به صورت پیشفرض svg رو ساپورت می کردند.


کارها

Information

One response

4 10 2009
تورنت

یه مطلب مرتبط با اس وی جی
http://www.macromediax.com/Learn/archive.asp?id=125

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

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s




%d وب‌نوشت‌نویس این را دوست دارند: