Використання HTML-сторінки - малювання на canvas
Детальніше тут: http://www.williammalone.com/projects/html5-canvas-javascript-drawing-app-with-bucket-tool/
Необхідно внести кілька змін:
1 .Збільшити площу малювання.Тепер це щось типу 490х220.В ідеалі потрібно зробити так, щоб робоча область підготувалася під фонові зображення (о цьому нижче).ТобтоЯкщо змінюється фоновий зображення, то всі елементи (кісти та інші кнопки) повинні розташовуватися вліво і право рівномірно.Ну або можна перенести їх на одну сторону, якщо так буде легше.2 .Додайте можливість зберігати зображення в файл.Ось ще один приклад додатку для малювання, в якому реалізовано збереження в файл.https://wanago.io/2019/06/24/creating-a-simple-drawing-app-using-canvas-saving-and-loading-images/
Можливо, це буде корисно.Ну або ви можете запропонувати своє рішення, як вам буде зручніше.Там ще є завантаження свого зображення, але це не потрібно.3 .Звідси випливає п.1
Такі додатки будуть використані для різних вправ, які будуть відрізнятися тільки фоновим зображенням на поверхні якого і будуть малювати.Потрібно, щоб процес створення нових завдань був максимально простим: скопіював всю папку з новим ім'ям, замінив в ній фонову картину і готовий.Тому і хотілося б, щоб в п.1 область малювання могла розтягуватися за розміром зображення.Так, ще раз у двох словах, як це буде працювати.Сама html-файл буде вбудована в сторінку сайту через iframe або через програмне забезпечення для створення курсів (тип Articulate Storyline).Користувач бачить фонові зображення і малює на ньому за завданням, використовуючи різні кольори і інструменти.Після цього, він натискає кнопку Save Image і зберігає зображення себе на комп'ютері, а потім завантажує через сайт для перевірки.Вкладіть дві зображення для прикладу.Так будуть виглядати завдання.Завдання для маленьких дітей.Сама додаток з п.1 підтримує малювання на сенсорних екранах, тому ця функція повинна зберігатися.Наприклад, в першому вправи потрібно малювати букву Т (буде виконано пальцем на планшеті або телефоні).А у другому пофарбувати букви потрібним кольором.
Додатки 2
Відгук замовника про співпрацю з Юриєм Никоненком
Використання HTML-сторінки - малювання на canvasВсе зроблено точно за ТЗ і швидко. Завжди на зв'язку, дає корисні поради. В цілому, рекомендую до співпраці.
Відгук фрилансера про співпрацю з Виктором Волком
Використання HTML-сторінки - малювання на canvasВіктор хороший замовник, рекомендую до співпраці.
-
3720 111 3 5 Вітаю вас Віктор.
Готовий допрацювати функціонування відповідно до ТЗ.
З повагою, Юрій
-
775 21 0 Привіт, є досвід у створенні програми для малювання, також зробив експорт зображення в соціальну мережу (за аналогією можна буде завантажити).
Зателефонуйте, я покажу вам приклад моєї роботи. Вартість та терміни обговорюватимемо в ході розмови.
-
1145 37 3 3 Привіт, з канвасом працював, я просто буду додавати туди фон в нього і дозволити малюнки, зробимо адаптивним під розділом екрану то додаток, який ви кинули з гітхаба і буду зберігати окремий файл, поки, я передбачу, що сервер тут не потрібен окремий буде і все можна буде зробити через javascript. Давайте співпрацюємо, страждаю виконати у ваші терміни і бюджет. Терміни та бюджет тут прикладними. 5-7 днів. Моя телеграм знаходиться в моєму профілі і обов'язково напишіть в особисті повідомлення, працюю через безпечну угоду.
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 488 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 1 година 53 хвилини тому ∙ 47 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 7 годин 39 хвилин тому ∙ 12 ставок |
Комерційна on-premise платформа відеозв'язку «ViM»Требуется разработати on-premise систему відеозв'язку з базовим розрахунком на 100 одночасних підключень (10 ізольованих кімнат по 10 осіб). Платформа повинна мати закладену архітектуру для майбутнього горизонтального масштабування до 1000 користувачів шляхом додавання нових… Javascript та Typescript, Веб-програмування ∙ 1 день 2 години тому ∙ 26 ставок |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 2 дні 6 годин тому ∙ 18 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 3 дні тому ∙ 89 ставок |