[Open source, JavaScript, Canvas] Collage_n простой онлайн редактор для создания коллажей и эффектов на javascript
Автор
Сообщение
news_bot ®
Стаж: 6 лет 9 месяцев
Сообщений: 27286
Collage_n небольшой онлайн редактор, для создания коллажей и различных цветовых эффектов.
С помощью него можно вырезать картинку, переместить, повернуть, масштабировать, отразить, исказить применить какой либо цветовой эффект, а потом скопировать к себе. Также редактор поддерживает создание спрайтов и работу со слоями.
Теперь немного по подробней:
Редактор работает онлайн с github, достаточно просто перейти по ссылке выше, также его можно скачать себе и запустить на локальном сервере, например на node.js (node app).
Для загрузки картинки нужно указать ее url (сервер на котором размещена картинка должен поддерживать crossorigin запросы), на локальном сервере картинку нужно поместить в папку img, затем ее можно отобразить (http://localhost:3000/img/img_name.png) как фоновое изображение.
После загрузки картинку можно масштабировать или отразить, по оси x, y или обоим направлениям.
Для начала работы нужно создать выделение (замкнутый контур) затем его можно отредактировать перемещая либо добавляя контрольные точки, либо сбросить и начать все заново.
Далее после создания контура все что внутри него можно исказить (масштабировать по точкам), для этого нужно нажать на кнопку «Искажать» затем перетаскивать точки в новое положение.
Выделенную область можно залить каким либо цветом, добавить ей прозрачность либо применить какой либо цветовой эффект, а также повернуть ее на какой либо градус.
После всех манипуляций область можно сохранить в спрайт (создать спрайт), а затем переместить в новое положение и создать с него отпечаток на фоновом изображении, спрайты также можно вращать.
Это был краткий обзор всех основных возможностей приложения.Collage_n пока что находится в стадии разработки, но уже поддерживает основную функциональность для создания простых коллажей.
===========
Источник:
habr.com
===========
Похожие новости:
- [Информационная безопасность, Open source, Разработка под Linux] Kali Linux получил графический интерфейс для подсистемы Windows для Linux (WSL2). Инструкция по установке
- [JavaScript, Социальные сети и сообщества] Как бесплатно перенести свои любимые треки в Spotify, используя Javascript
- [Разработка веб-сайтов, Open source, Тестирование IT-систем, Программирование, Клиентская оптимизация] Меряем изменения в скорости загрузки сайта в различных сетевых (и не только) условиях. Теперь удобнее
- [Разработка веб-сайтов, JavaScript, Программирование, .NET, ReactJS] Стилизованные компоненты в React: краткое руководство (перевод)
- [JavaScript, Node.JS, Google API, Контент-маркетинг] Как стать экспертом для поисковых систем
- [Open source, *nix] FOSS News №29 – дайджест новостей свободного и открытого ПО за 10–16 августа 2020 года
- [Open source, Разработка под Linux] Paragon открыла свой драйвер NTFS для Linux, предложив включить его в ядро
- [JavaScript] Коротко о this в функциях javascript
- [Разработка веб-сайтов, JavaScript] Веб-компоненты в реальном мире (часть 2)
- [Open source, Гаджеты, Компьютерное железо] Создатели Pocket P.C. перевели аппаратное обеспечение девайса в open source
Теги для поиска: #_open_source, #_javascript, #_canvas, #_javascript, #_canvas, #_photography, #_img, #_open_source, #_javascript, #_canvas
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 09:10
Часовой пояс: UTC + 5
| Автор | Сообщение |
|---|---|
|
news_bot ®
Стаж: 6 лет 9 месяцев |
|
|
Collage_n небольшой онлайн редактор, для создания коллажей и различных цветовых эффектов. С помощью него можно вырезать картинку, переместить, повернуть, масштабировать, отразить, исказить применить какой либо цветовой эффект, а потом скопировать к себе. Также редактор поддерживает создание спрайтов и работу со слоями. Теперь немного по подробней: Редактор работает онлайн с github, достаточно просто перейти по ссылке выше, также его можно скачать себе и запустить на локальном сервере, например на node.js (node app). Для загрузки картинки нужно указать ее url (сервер на котором размещена картинка должен поддерживать crossorigin запросы), на локальном сервере картинку нужно поместить в папку img, затем ее можно отобразить (http://localhost:3000/img/img_name.png) как фоновое изображение. После загрузки картинку можно масштабировать или отразить, по оси x, y или обоим направлениям. Для начала работы нужно создать выделение (замкнутый контур) затем его можно отредактировать перемещая либо добавляя контрольные точки, либо сбросить и начать все заново. Далее после создания контура все что внутри него можно исказить (масштабировать по точкам), для этого нужно нажать на кнопку «Искажать» затем перетаскивать точки в новое положение. Выделенную область можно залить каким либо цветом, добавить ей прозрачность либо применить какой либо цветовой эффект, а также повернуть ее на какой либо градус. После всех манипуляций область можно сохранить в спрайт (создать спрайт), а затем переместить в новое положение и создать с него отпечаток на фоновом изображении, спрайты также можно вращать. Это был краткий обзор всех основных возможностей приложения.Collage_n пока что находится в стадии разработки, но уже поддерживает основную функциональность для создания простых коллажей. =========== Источник: habr.com =========== Похожие новости:
|
|
){kind=link}
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 09:10
Часовой пояс: UTC + 5