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

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

#Рисование тора. (29918 hits)
#Древовидные структуры. (51936 hits)
#Простая геометрическая и текстовая анимация. (396356 hits)
#Циклический сдвиг одномерного массива или строки, 3 уникальных алгоритма. (363652 hits)
#Заливка замкнутой области. (56726 hits)
#Рисование 3D объекта. (30148 hits)
#Наибольший общий делитель. (181992 hits)
#Переворот символов строки (или элементов одномерного массива). (104478 hits)
#Счетчик времени с точностью до микросекунд. (118757 hits)
#Сортировка вставкой. (102848 hits)
#Синус. (54649 hits)
#Поверхностное клонирование. (23250 hits)
#Интерактивная, динамическая подгрузка картинок. (64070 hits)
#Валидация, динамическая проверка заполнения html форм. (201153 hits)
#Курсы валют. (61990 hits)
#Подмножество с максимальной суммой. (120040 hits)
#Случайный выбор элемента при неизвестном их количестве. (31639 hits)
#Арктангенс. (40975 hits)
#Часики на js. (84377 hits)
#Подключение. (21189 hits)


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



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

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



© 2006-2021 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.019422 секунд
Количество запросов к БД: 14, gzip: off