Как трудно это может быть? Вы знаете это чувство. Вот как вы заканчиваете в течение нескольких часов.
Распространенным источником чрезмерных усилий является сохранение и изменение изображений. В этой статье мы рассмотрим решение для загрузки, обработки и получения доминирующих цветов изображения с помощью Bantam.io.
Если вы не знакомы с Bantam.io, Bantam.io — это облегченный API для предоставления простых несвязанных решений традиционно сложных проблем.
Загрузить изображение
Предположим, ваш клиент хочет, чтобы вы создали пользовательский интерфейс для публикаций, похожий на Facebook. Конечный пользователь хочет выбрать локальное изображение, сохранить его в облаке, а затем отобразить в теге ‹img src=’…..’›.
Вы можете получить доступ к локальному изображению пользователя, но как быстрее всего сохранить его в облаке? Одним из вариантов является функция Bantam.io Загрузка файла.
Эта простая функция принимает файл пользователя, загружает его в облако и возвращает URL-адрес.
Получить цветовую палитру и доминирующий цвет
Вы хотите дать возвращенному изображению рамку? Давайте применим доминирующий цвет изображения к границе? Используя @image/metadata вы можете получить:
Ширина
Высота
Доминирующий цвет
Цветовая палитра
Используйте возвращенный URL-адрес выше (или другой общедоступный URL-адрес).
Изменить изображение
Некоторые загруженные изображения немного велики. Таким образом, вашим пользователям, вероятно, не нужно все изображение. Используйте @image/modification, чтобы внести часто необходимые изменения изображения.
Уменьшите размер изображения до 500px:
Примените оттенки серого:
Ознакомьтесь с полным примером кода в JSFiddler. Дайте Bantam тест-драйв с бесплатным аккаунтом. Для начала не требуется кредитная карта.
