HTML 5 کینواس کا ایس وی جی
- پائیدھ واپس HTML5 ایس وی جی
- پائیدھ پرس HTML میڈیا
کانواس اور ایس وی جی دونوں بروزر میں گرافکس بنانے کیلئے استعمال کئے جاتے ہیں، لیکن وہ بنیادی طور پر مختلف ہیں。
ایس وی جی
ایس وی جی ایک ایسا زبان ہے جو 2D گرافکس کا استعمال XML کے ذریعے کرسکتا ہے。
ایس وی جی XML پر مبنی ہے، یعنی ایس وی جی DOM میں کسی بھی عنصر کو استعمال کیا جاسکتا ہے۔ آپ کسی عنصر پر جیواسکریپت ایونٹ پروسیسنگر بند سکتے ہیں。
ایس وی جی میں، ہر ڈرائن والی گرافک ایک اوبجیکٹ کے طور پر دیکھی جاتی ہے۔ اگر ایس وی جی اوبجیکٹ کا کسی کی اپریشن بدل جاتا ہے تو بروسر خودکار طور پر گرافک کو دوبارہ ریپینٹ کرتا ہے。
کانواس
کانواس جیواسکریپت کے ذریعے 2D گرافکس ڈرائن کرتا ہے。
کانواس پائیدھ پیکسل پر ریندرنگ کرتا ہے。
کانواس میں، جب بھی گرافک ڈرائن کیا جاتا ہے، اس کی توجہ بروسر سے دور ہوجاتی ہے۔ اگر اس کی پوزیشن بدل جاتی ہے تو پورا سیناریو دوبارہ ڈرائن کیا جانا پڑتا ہے، جس میں کسی گرافک کی کسی چیزی کو کسی گرافک کے اوورلپ پر رکھنا شامل ہوتا ہے。
کانواس سے ایس وی جی کا مقابلو
پائیدھ میں کینواس اور ایس وی جی کے درمیان کچھ فرق دیکھئی جاسکتا ہیں。
کانواس
- ریزولوشن پر منحصر
- ایونٹ پروسیسنگ کا سپورٹ نہیں
- نرم متن ریندرنگ صلاحیت
- نتیجہ کی تصویر کو .png یا .jpg فارمٹ میں محفوظ کیا جاسکتا ہے
- ایس وی جی کا استعمال بہت زیادہ ریپینٹنگ والی تصویری گیموں کیلئے سب سے زیادہ مناسب
ایس وی جی
- ریزولوشن پر منحصر نہیں
- ایونٹ پروسیسنگ سپورٹ
- بڑی ریندرنگ علاقوں والی ایپلی کیشنوں (مثلاً گوگل ماپ) کیلئے سب سے زیادہ مناسب
- کمپیلیکسٹی اور ریندرنگ کی رفتار کو کم کر دیتا ہے (DOM کا زیادہ استعمال کی جانے والی کسی ایپلی کیشن میں تیزی نہیں آتی)
- گیم ایپلی کیشن کیلئے نہیں مناسب
- پائیدھ واپس HTML5 ایس وی جی
- پائیدھ پرس HTML میڈیا