Microsoft Paint была возрождена для Интернета, и что лучше, чем это? Он может быть использован из вашего браузера, из любой операционной системы, с любого устройства (да, поддержка сенсорных устройств) и почти со всеми возможностями приложения старой школы. Вы помните тот этап своей жизни, когда в детстве все было легко, когда вы научились пользоваться компьютером? Может быть, для людей, которые родились до 1990 года, жизнь была уже тяжелой, но что угодно. Мы только хотим подчеркнуть, что рисование старой школы было важной частью детства многих людей (таких как я, в тех скучных уроках информатики, где вы узнали только, что такое мышь и процессор, в течение 4 лет …) и важные вещи в жизни, заслуживают того, чтобы их запомнили. Сегодня мы хотим поделиться с вами удивительным проектом, который реализует почти 100% функциональный клон MS Paint, созданный с использованием веб-технологий.
- Кросс-платформенная
- Неограниченное количество отмен / повторов (в отличие от жалких 3 в Windows XP или ничтожных 50 в Windows 7)
- Автосохранение, если вы разрешите локальное хранение. (Попробуйте обновить страницу, чтобы убедиться, что это работает, и проверить это)
- Редактировать прозрачные изображения! Чтобы создать прозрачное изображение, перейдите в «Изображение»> «Атрибуты …» и выберите «Прозрачный», затем «ОК», а затем «Изображение»> «Очистить изображение» или используйте инструмент «Ластик». Изображения с любым прозрачным пикселем будут открываться в прозрачном режиме.
- Выберите View> Extras Menu для доступа к дополнительным функциям, недоступным в MS Paint.
- Переключение тем из меню «Дополнительно»
- Создать анимированный GIF из текущей истории документа. Доступно из меню «Дополнительно» или с помощью Ctrl + Shift + G. Это довольно изящно, вы должны попробовать это! Вы можете хотеть ограничить размер изображения, хотя.
- Когда вы делаете Edit> Paste From …, вы можете выбрать прозрачные изображения и GIF-файлы. Вы даже можете вставить прозрачный анимированный GIF и затем удерживать Shift при перетаскивании выделения, чтобы смазать его на холсте, пока он анимируется! Обновление: это было из-за отсутствия спецификации в Chrome. Я могу переопределить это в будущем, так как мне действительно понравилась эта функция.
- Вы можете открывать файлы SVG (потому что браузеры поддерживают SVG). Это все еще полностью растровый редактор изображений.
- Вы можете обрезать изображение, сделав выделение, удерживая Ctrl
- Сочетания клавиш для вращения: Ctrl +. и Ctrl +, ()
- Повернуть на любой произвольный угол в Image> Flip / Rotate
- В Image> Stretch / Skew вы можете растянуть более 500% одновременно
- зачаточный многопользовательский служба поддержки. Начните сеанс в jspaint.ml/#session:multi-user-test и отправьте ссылку своим друзьям! Это не бесшовные; действия других пользователей прерывают то, что вы делаете, и наоборот. Сессии не являются частными, и вы можете потерять свою работу в любое время. Если вы хотите улучшить поддержку совместной работы, следите за развитием Mopaint.
- Загрузите много разных форматов палитры с помощью меню «Цвета»> «Получить цвета». (Я сделал библиотека за это.)
- Мобильная поддержка
- Нажмите / коснитесь выбранной области цветов, чтобы поменять местами основной и фоновый цвета
Есть также хорошо известные функции, которые не работают / частично такие:
- прозрачный PNGs — Готово! Частично прозрачные изображения автоматически открываются в прозрачном режиме. Чтобы включить прозрачность для изображения, перейдите в «Изображение»> «Атрибуты» или нажмите Ctrl + E, выберите «Прозрачный» и нажмите «ОК». Тогда вы захотите удалить часть фона. Вы можете немного использовать инструмент Ластик, затем использовать палитру цветов, чтобы выбрать место, где вы удалили, и затем использовать инструмент «Заливка», чтобы удалить большие области.
- мультипликационный GIFs (да, это влечет за собой полнофункциональный (но простой) редактор анимации). — В настоящее время вы можете сделать только GIF-файлы из истории документа, с помощью Ctrl + Shift + G или из меню Extras.
- Анимированный Прозрачный APNGs (лучше, чем GIF, но с меньшей поддержкой)
- Мультиразмерные иконки (ICO для окон и ICNS для Mac)
- Масштабируемая векторная графика (шучу) — На самом деле, он всегда может открывать файлы SVG в браузерах, которые могут обрабатывать SVG, и я заставил его не сохранять исходный SVG. Это довольно приличная поддержка SVG для 100% редактора растровых изображений.
Тем не менее, проект все еще довольно зрелый и может быть использован еще:
Попробуйте сами (и, возможно, поработаете над этим?)
Проект с открытым исходным кодом, и вы можете найти код на официальный репозиторий на Github здесь., или если вы просто хотите проверить это онлайн, проверьте официальный сайт здесь. Сам по себе проект создан для работы в качестве оптимизированного прогрессивного веб-приложения, использует HTML, CSS и VanillaJS, чтобы вернуть вам те старые добрые воспоминания. Если вы испытываете ностальгию по нам, пожалуйста, поделитесь проектом с вашим другом и сообщите ему об этом украшении.
