منصوبے کے بارے میں

canvas-watch ایک فریم ورک سے آزاد لائبریری ہے جو تیرتے ہوئے عناصر (جیسے اسٹکی نیویگیشن بار یا ڈاکڈ پلیئرز) اور پس منظر ٹرگر زونز کے درمیان 2D اوورلیپ ڈیٹیکشن کو سنبھالتی ہے۔ IntersectionObserver کے برعکس، جو صرف عناصر کو ان کے سکرول اینسیسٹر یا ویوپورٹ کے مقابلے میں موازنہ کرتا ہے، canvas-watch باﺅنڈنگ ریکٹنگلز کا موازنہ کرتا ہے تاکہ یہ طے کیا جا سکے کہ تیرتا ہوا عنصر کس پس منظر زون کے اوپر موجود ہے۔ اہم صلاحیتیں شامل ہیں: - خودکار کلاس ٹوگلنگ: "وچڈ" کے طور پر ٹیگ شدہ عناصر کو اُن ٹرگر زونز کے مطابق `over-*` کلاس ملتی ہے جن کے ساتھ وہ زیادہ سے زیادہ اوورلیپ کرتے ہیں (ڈیفالٹ تھریشولڈ 50%)۔ - نیسٹنگ سپورٹ: نیسٹڈ ٹرگر زونز اپنے کنٹینرز پر ترجیح دیتے ہیں، جو پیچیدہ لیآؤٹس میں مزید مخصوص سٹائلنگ کی اجازت دیتے ہیں۔ - ویوپورٹ ٹریکنگ: ریفرنس عنصر کے ویوپورٹ کے اوپر، اندر، نیچے یا غائب ہونے کی ری ایکٹو ٹریکنگ کی صلاحیت۔ - کارکردگی کی بہتری: ایک واحد requestAnimationFrame لوپ اور IntersectionObserver کو ویزیبیلٹی گیٹ کے طور پر استعمال کرتے ہوئے یقینی بناتا ہے کہ اوورلیپ ماڈل صرف اسکرین پر موجود عناصر کے لیے چلتا ہے۔ - ایونٹ سسٹم: جب بھی لاگو کردہ کلاس تبدیل ہوتی ہے تو ایک `canvaschange` کسٹم ایونٹ ڈسپیچ کرتا ہے، جو CSS سے آگے کی منطق کو ممکن بناتا ہے۔ یہ لائبریری ایک فریم ورک سے آزاد کور اور ایک م专 Svelte ایڈاپٹر فراہم کرتی ہے۔ یہ SSR-سیف ہے اور تمام جدید ایورگرین براؤزرز کی حمایت کرتی ہے۔