HTML 5 کینواس vs. SVG

کانواس اور SVG دونوں براوذر میں گرافکس کا تخلیق کرنے کا اجازت دیتے ہیں، لیکن وہ بنیادی طور پر مختلف ہیں

SVG

SVG ایک ایسا زبان ہے جو 2D گرافکس کا XML کے ذریعے توصیف کرتا ہے

SVG XML پر مبنی ہے، یعنی SVG DOM میں ہر عنصر دستیاب ہوتا ہے۔ آپ کسی عنصر کو جوائيسکریپت ایونت پروسیسنگ کا اضافہ کرسکتے ہیں

SVG میں، ہر نقاشی شدہ گرافک کا اشیاء کے طور پر دیکھا جاتا ہے۔ اگر SVG اشیاء کی اپریشنٹی ویژن تبدیل ہو جائے، تو براوذر خودکار طور پر گرافک کو دوبارہ نقاشی کر سکتا ہے

کانواس

کانواس جوائ�کریپت کے ذریعے نقاشی کرتا ہے

کانواس پوائنٹ پوائنٹ پر نقاشی کرتا ہے

کانواس میں، جب بھی گرافک کا نقاشی کیا جاتا ہے، تو وہ بعد میں براو저 کی توجہ میں نہیں آتا ہے۔ اگر اس کی پوزیشن تبدیل ہو جائے، تو پورا سیناریو دوبارہ نقاشی کیا جانا چاہئے، جس میں کسی بھی گرافک پر چھپا ہوا اشیاء شامل ہیں

کانواس اور SVG کا مقابلو

بالکل، کینواس اور SVG کے درمیان کچھ فرق دیکھئی جاسکتے ہیں

کانواس

  • ریزولوشن پر منحصر
  • ایونت پروسیسنگ نہیں سپورٹ
  • نچلے کیراکٹر رینڈرنگ کی قوت
  • نتائج کی تصویر .png یا .jpg فارمٹ میں محفوظ کی جاسکتی ہیں
  • تصویر گراں کے لئے سب سے زیادہ مناسب کھیل، جس میں کئی اوبجیکٹ بہت سارے بار کا رینڈرنگ کئے جاتے ہیں

SVG

  • ریزولوشن پر نائیں منحصر
  • ایونت پروسیسنگ سپورٹ
  • بڑی رینڈرنگ علاقے والی ایپلیکیشنوں کے لئے سب سے زیادہ مناسب (مثلاً گوگل ماپ)
  • کمپیلیکسٹی زیادہ تو رینڈرنگ کی رفتار کم ہوجائے گی (DOM کا زیادہ سے زیادہ استعمال کرنے والی کسی ایپلیکیشن میں تیزی نہیں)
  • گیم ایپلیکیشن کے لئے نہیں مناسب