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

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

#Таймер. (41209 hits)
#Динамическая очистка выпадающего списка (select) на javascript. (91550 hits)
#Случайный выбор нескольких несовпадающих значений из множества. (59285 hits)
#Случайный выбор элемента при неизвестном их количестве. (37142 hits)
#Масштабирование, пропорциональное изменение размеров картинки. (101757 hits)
#Как работать с zip архивами стандартными средствами windows. (42616 hits)
#Рисование 3D объекта. (35577 hits)
#ООП на javascript: классы, наследование, инкапсуляция. (258098 hits)
#Бинарный поиск в массиве и его разновидности. (170738 hits)
#Поиск дубликатов внутри файла. (31833 hits)
#Двусторонняя карта. (34504 hits)
#Перестановка фрагментов строки(или одномерного массива). (61282 hits)
#Рисование линии (по Брезенхэму). (34488 hits)
#Сортировка Шелла, оптимальный выбор приращений. (196138 hits)
#Программное создание ссылок. (100359 hits)
#Простой генератор случайных чисел. (134700 hits)
#Синус. (61313 hits)
#Как посчитать одинаковые пары за 1 проход (самая быстрая версия!). (2648 hits)
#Поразрядная сортировка массива подсчетом. (133845 hits)
#Отслеживание изменений файла. (38375 hits)


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

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

Aвтор:
Дата:
Просмотров: 101756
реализации(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[аноним:Сергей]