Доработать 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 - возможно, вы можете предложить свое решение с таким же функционалом, вместо переделывания текущего приложения. Главное иметь в виду, что одно из требований - это возможность легко и быстро создавать новые задания. Сейчас я просто копирую папку с приложением, переименовываю ее, заменяю фоновое изображение и новое упражнение готово. Таких упражнений очень много, поэтому возможность их легко "клонировать" - это обязательное условие.
На данном этапе мне нужно понять насколько это все реализуемо, сколько будет стоить и сколько займет по срокам. Ответы на эти вопросы хотелось бы получить до понедельника, после чего уже можно приступать к работе.
Applications 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
Сделаю в срок, как положено, соблюдая стандарты систем программирования.
Current freelance projects in the category Javascript and Typescript
Optimization of Core Web Vitals (OpenCart) for Google PageSpeed — Mobile and PC versionsOrder description: We are looking for an experienced frontend developer/OpenCart specialist to optimize the loading speed of the website (categories and product cards) according to Google Core Web Vitals requirements. About the project: * CMS: OpenCart. * Specifics: The site… Content Management Systems, Javascript and Typescript ∙ 3 days 19 hours back ∙ 23 proposals |
Optimization of WordPress site speed
114 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 4 days 15 hours back ∙ 68 proposals |
Looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition.There is a working, well-designed project on Odoo 19 Community — CRM for a Ukrainian hotel, already in production-grade infrastructure. We do not plan to rewrite from scratch. We are looking for one person who will take over the project, maintain the working state, and lead it… Javascript and Typescript, Web Programming ∙ 6 days 16 hours back ∙ 4 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 7 days 22 hours back ∙ 87 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 8 days 19 hours back ∙ 31 proposals |