آقای austin_malerba یه پروژه جالب ساخته که یه المنت موجود توی صفحه رو بهصورت زنده آینه میکنه و خروجی رو روی کنواس میذاره؛ بدون اینکه لازم باشه DOM رو کلون کنین و سنگین کاری کنید. یعنی همون چیزی که روی صفحه رندر میشه، میتونه به شکل یه نسخه تصویری مستقل استفاده بشه
کاربردهای جالبی داره؛ مثلاً میتونین ازش برای ساخت تصویر بازتابی، نمایش نسخهی شناورِ یک عنصر هنگام جابهجایی، ایجاد رد حرکتی، ذرهبین، پیشنمایش کوچک از محتوا، پسزمینهی ویدیویی و کلی جلوهی بصری دیگه استفاده کنین. حتی میشه نمایش این نسخه رو با کمی تأخیر انجام داد تا از حرکت عنصر، یه رد تصویری جذاب ساخته بشه.
تست آنلاین :
element-mirror-demo.vercel.app
سورس کد :
github.com/malerba118/element-mirror
@Linuxor
Post #5009
8.09K