Доработать HTML приложение на canvas
Во вложении приложение для рисования написанное на HTML canvas, которое базируется вот на этом приложении (https://github.com/williammalone/Simple-HTML5-Drawing-App ) (подробнее тут - http://www.williammalone.com/projects/html5-canvas-javascript-drawing-app-with-bucket-tool/ ). А именно было доработано следующее:
- увеличина площадь рисования, которая теперь подстраивается под размер фонового изображения
- добавлена возможность сохранения нарисованного в файл
Требуется еще более глубокая доработка:
1. Сделать так, чтобы ластик (eraser) не стирал фоновое изображение, а только то, что было нарисовано поверх него.
2. Вторая доработка более сложная. Дело в том, что это приложение будет встраиваться на страницу сайта работающего на WordPress и LearnDash LMS. Основная задача - это сделать так, чтобы пользователю не приходилось сохранять изображение на свой компьютер и загружать его обратно на сайт для проверки. В идеале, он должен просто нажать одну кнопку Submit и изображение должно быть отправлено на проверку. Поэтому нужно проработать такую возможность:
Встраивать приложение в topic в LearnDash через iframe и загружать результат с помощью Assignment (https://www.learndash.com/support/docs/core/assignments/enable-assignments/ ). Т.е. пользователь рисует через приложение и после нажатия кнопки Submit его рисунок сразу загружается через встроенный загрузчик LearnDash assignment.
По пункту 1 - возможно, вы можете предложить свое решение с таким же функционалом, вместо переделывания текущего приложения. Главное иметь в виду, что одно из требований - это возможность легко и быстро создавать новые задания. Сейчас я просто копирую папку с приложением, переименовываю ее, заменяю фоновое изображение и новое упражнение готово. Таких упражнений очень много, поэтому возможность их легко "клонировать" - это обязательное условие.
На данном этапе мне нужно понять насколько это все реализуемо, сколько будет стоить и сколько займет по срокам. Ответы на эти вопросы хотелось бы получить до понедельника, после чего уже можно приступать к работе.
Приложения 1
-
709 21 2 1 Добрый день, Виктор!
1) - Реализуем
2)
- Реализуем функционал упражнений рисования с настройками фонового изображения для каждого упражнения.
- Реализуем в контенте topic возможность добавления блока рисования с выбором упражнения (из пункта выше), данный подход позволит повторное использование упражнений на разных topic
- При нажатии на save будет загружаться изображение с результатов в assignments
Работаю с:
* WordPress
… * Laravel, Yii/Yii2
* HTML, JS, CSS, jQuery
* Node.js, Express.js, EJS
* Vue.js
* Data Parsing
Сделаю в срок, как положено, соблюдая стандарты систем программирования.
Актуальные фриланс-проекты в категории Javascript и Typescript
Верстка React/Tailwind компонента для друка бланка А4Необходимо исправить UI/UX дизайн и геометрию одного React-компонента (шаблон клинической карты для печати в PDF) Весь функционал, массивы данных и логика уже написаны и работают — нужна чисто косметика, правильные отступы и позиционирование элементов с помощью Tailwind CSS… HTML и CSS верстка, Javascript и Typescript ∙ 5 часов 23 минуты назад ∙ 43 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 1 день 2 часа назад ∙ 74 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 1 день 23 часа назад ∙ 29 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 4 дня назад ∙ 63 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 5 дней 2 часа назад ∙ 28 ставок |