Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.07.2013, 20:16
Аватар для Duda.Ml1986@gmail.com
Профессор
Отправить личное сообщение для Duda.Ml1986@gmail.com Посмотреть профиль Найти все сообщения от Duda.Ml1986@gmail.com
 
Регистрация: 01.09.2011
Сообщений: 263

Подгонка размера изображений к одному формату.
Приветствую.

Строю интернет магазин. У пользователь будет возможность добавлять фото для аватара. Так вот аватар будет 150*240, а загружаемые фото совсем разные. Как можно сделать так что бы блоки (до 100) с изображениеями ранее загруженными пользователями отображались одинаково и в один размер.

Пробовал так:

150 пх/ ширина загружаемой картинки = процент

Ширина аватара = ширина загружаемой картинки * процент

Высота аватара для сохранения пропорций изменяется на тот же процент. НО это значит что высота может быть выше позволенной высоты.

Короче картинки то широкие, то высокие, а напрягать людей вводить фото только одного размера или менять размер после загрузки невозможно.

Как вывести фото к одному размеру? Возможно оставлят пустые места на изображении аватара?

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 30.07.2013, 21:14
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Сообщение от Duda.Ml1986@gmail.com
Как вывести фото к одному размеру? Возможно оставлят пустые места на изображении аватара?
любое изображение можно вписать в квадрат с помощью вычисления отступов и высоты и ширины чтобы понять какая сторона больше и будет ведущей
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2013, 21:16
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

берешь изображение загруженное ранее (< 100 px), увеличиваешь его ширину до 150px, пропорционально увеличиваешь высоту. Если высота >= 240px, все норм (т.е. можно замостить изображение "обрезав/спозиционировав" его).
Если меньше, увеличивай высоту до 240 и пропорционально ширину.

это в лоб

скорее всего можно проще )

в лохматом году я писал что-то подобное http://nepiu.narod.ru/works/scalable...und_image.html (подстраивается под размеры окна браузера, чтобы оставаться всегда по середине так сказать)
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук

Последний раз редактировалось nerv_, 30.07.2013 в 21:21.
Ответить с цитированием
  #4 (permalink)  
Старый 01.08.2013, 18:50
Аватар для Duda.Ml1986@gmail.com
Профессор
Отправить личное сообщение для Duda.Ml1986@gmail.com Посмотреть профиль Найти все сообщения от Duda.Ml1986@gmail.com
 
Регистрация: 01.09.2011
Сообщений: 263

Спасибо за ответы. Но по всей видимости есть только одно удовлетворяющее решение. Предзагрузочное редактирование изображений, такое как в вконтакте. Эх.
Ответить с цитированием
  #5 (permalink)  
Старый 02.08.2013, 01:12
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

Цитата:
Но по всей видимости есть только одно удовлетворяющее решение. Предзагрузочное редактирование изображений
Да ну!

http://php.net/manual/ru/function.im...yresampled.php
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Существует ли скрипт для изменения размера изображений? Shad Общие вопросы Javascript 28 22.04.2009 15:32