Бюджет: 1200 UAH Срок: 1 день
Здравствуйте! Могу сделать до утра, если сейчас договоримся, опыт большой. Обращайтесь!
Описание задания: В моем веб-приложении (React 18 + TypeScript + Tailwind CSS) есть страница профиля, где пользователь может загрузить и отредактировать свою аватарку и обложку.
Сейчас этот функционал (кастомный кропер) работает некорректно. Основные проблемы:
Что нужно сделать: Нужно исправить этот функционал, чтобы загрузка, масштабирование и центрирование изображений работало идеально, плавно и без каких-либо потерь или нежелательных обрезаний оригинального изображения, а также без пустых полей.
Мне абсолютно не принципиально, как именно вы это сделаете: можете попробовать "докрутить" мою текущую кастомную логику (если сможете полагодить математику координат), но лучшим и самым быстрым вариантом будет полностью ее выбросить и заменить на готовую библиотеку или решение.
Главное требование: чтобы оно работало безупречно на ПК и мобильных устройствах. Как именно это будет сделано под капотом — мне все равно.
Технический стек проекта: Frontend: React 18, TypeScript (TSX), Vite, Tailwind CSS
Бюджет: 1200 UAH Срок: 1 день
Здравствуйте! Могу сделать до утра, если сейчас договоримся, опыт большой. Обращайтесь!
Бюджет: 1200 UAH Срок: 2 дня
Добрый день, Никита!
Ознакомился с ТЗ, могу реализовать корректное обрезание картинки. У меня 4 года опыта разработки сайтов, React (TypeScript) - мое основное направление.
Можем сделать так:
Я сначала реализую данную задачу, без внесения резерва в сейф. И только если вам понравится результат, откроем проект.
Можем обсудить детали в личных сообщениях. Буду рад сотрудничеству!
Бюджет: 5000 UAH Срок: 1 день
Здравствуйте,
Я могу помочь вам исправить это правильно и быстро.
У меня более 9 лет опыта в разработке полного стека, включая React 18, TypeScript и сложные взаимодействия пользовательского интерфейса, такие как пользовательские обрезки, системы перетаскивания и масштабирования, а также обработка жестов касания. Я полностью понимаю типичные проблемы, которые вы описали: неправильная начальная область обрезки, неправильные ограничения координат, сломанная математика преобразования, пробелы на фоне при панорамировании и непоследовательное поведение колесика мыши и жестов сжатия на разных устройствах.
В этом случае я согласен с вашим подходом. Наиболее надежным и эффективным по времени решением обычно является полная замена нестабильной пользовательской логики обрезки на хорошо протестированную библиотеку, такую как react-easy-crop или аналогичную, и чистая адаптация ее к вашему дизайну и требованиям. Эти библиотеки уже правильно обрабатывают математику координат, ограничения границ, пределы масштабирования, жесты сжатия и поведение на разных устройствах. Затем я бы доработал стили и интеграцию, чтобы они соответствовали вашему пользовательскому интерфейсу на основе Tailwind.
Если необходимо, я также могу просмотреть вашу текущую реализацию и определить, стоит ли ее исправлять, но в большинстве случаев переписывание такого рода логики быстрее и приводит к гораздо большей стабильности.
Конечный результат обеспечит:
Плавное перетаскивание и панорамирование без пустых пробелов
Правильное ограничение и полное достижение краев
Правильное начальное позиционирование без нежелательной обрезки
Плавное масштабирование колесиком мыши
Правильное масштабирование сжатия на мобильных устройствах
Последовательное поведение на настольных и мобильных устройствах
Я могу начать немедленно и предоставить стабильное решение в короткие сроки после просмотра текущего кода.
С нетерпением жду возможности поработать над этим.
Бюджет: 2000 UAH Срок: 1 день
Добрый день. Готова полностью исправить или заменить ваш текущий кроппер, чтобы он работал стабильно и без артефактов.
Из описания видно, что проблема в неправильной математике трансформаций: масштабирование, перемещение, зажимы, границы контейнера и пересчет координат во время зума. Такие баги обычно возникают из-за некорректной логики границ или из-за неверной синхронизации состояния трансформации с реальными размерами изображения.
Бюджет: 1000 UAH Срок: 2 дня
Привет, это как раз мой стек, готов это сделать, детали можем обсудить в личных сообщениях.
Криптовалюта и blockchain 24 ставки 1 августа
Веб-программирование 68 ставок 29 июля