CodeLAB
на главную карта сайта обратная связь

Популярные задачи:

#qForms, библиотека типичного функционала валидации/построения/связки html-форм. (147654 hits)
#Перестановка фрагментов строки(или одномерного массива). (60991 hits)
#Сортировка Шелла, обший принцип. (145418 hits)
#Последовательный поиск и его оптимизации. (44860 hits)
#Сохранение данных формы после перезагрузки через куки. (205232 hits)
#Динамическая очистка выпадающего списка (select) на javascript. (91175 hits)
#Рисование прямоугольника. (31502 hits)
#Летающие, крутящиеся шарики. (44801 hits)
#Поверхностное клонирование. (27881 hits)
#Заливка замкнутой области. (62704 hits)
#Посчитать количество пар чисел (number of equal pairs). (5049 hits)
#Доступ ко всем полям и методам. (58236 hits)
#Сортировка выбором, общий подход. (73135 hits)
#Масштабирование, пропорциональное изменение размеров картинки. (101372 hits)
#Синус. (61035 hits)
#Улучшение быстрой сортировки. (77236 hits)
#Вычисление минимального / максимального значения. (74717 hits)
#Подключение. (27592 hits)
#Выборка конкретной записи из таблицы. (33025 hits)
#Интерактивная, динамическая подгрузка картинок. (70072 hits)


Главная >> Каталог задач >> Веб-разработка >> Серверный скриптинг >> Работа с изображениями >> Масштабирование, пропорциональное изменение размеров картинки

Масштабирование, пропорциональное изменение размеров картинки

Aвтор:
Дата:
Просмотров: 101371
реализации(php: 6шт...) +добавить

Задача возникает при создании превьюшек(небольших иконок) из имеющихся больших изображений. В данном случае необходимо сделать уменьшенный пропорциональный вариант нашей картинки, высота и ширина которого не будет превышать заданных значений.

Формализация

На входе:

  1. Путь к файлу содержащему исходное большое изображение
  2. Путь к файлу, в котором будет получена уменьшенная копия
  3. Максимально допустимая ширина уменьшенной копии
  4. Максимально допустимая высота уменьшенной копии

На выходе нужно чтобы по пути в п.2 - мы получили бы искомую превьюшку, размеры которой не превышают указанных.

Алгоритм

  1. Получаем размеры исходной картинки
  2. На их основе рассчитываем коэфициент пропорции по отношению к уменьшенной копии
  3. На основе рассчитанного коэфициэнта - получаем новые размеры.
  4. Уменьшаем исходное изображение до указанных размеров.

Все пункты кроме 2-го - не представляют большого интереса, т.к. реализуются специфическими фукнциями того или иного языка и легко находятся в документации.

П.2 - может быть реализован по-разному. Нужно найти такой коэфициэнт, который даст новые высоту и ширину, не превышающие указанные.

Для этого нужно рассчитывать пропорцию от большего значения из 2-х(высота и ширина исходной картинки):

 псевдокод: Расчет коэфициэнта пропорции  ссылка
  1. // Рассчитываем коэфициент
  2. // imgWidth, imgHeight - исходные размеры
  3. if imgWidth > imgHeight
  4. ratio = maxWidth / imgWidth
  5. else
  6. ratio = maxHeight / imgHeight
  7.  
  8. newWidth = ratio * imgWidth
  9. newHeight = ratio * imgHeight

Реализации:

php(6)   +добавить

1) Вычисление коэфициэнта пропорции от большей величины на php, code #99[автор:this]
2) Вариант №1 из комментов к документации php на php, code #100[автор:-]
3) Вариант №2 из комментов к документации php на php, code #101[автор:-]
4) Вариант №3 из комментов к документации php на php, code #102[автор:-]
5) Вариант №4 из комментов к документации php на php, code #103[автор:-]
6) php image resize на php, code #628[аноним:Сергей]