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

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

#Обертки для массивов. (37606 hits)
#Добавление истории операций(undo&redo) в компонент. (38472 hits)
#Простой генератор случайных чисел. (132177 hits)
#Рисование прямоугольника. (29886 hits)
#Создание нестандартного (custom-ного) окна браузера. (34582 hits)
#Доступ ко всем полям и методам. (56520 hits)
#Масштабирование, пропорциональное изменение размеров картинки. (97491 hits)
#Обновление нескольких записей таблицы. (31240 hits)
#Обработка шаблонных писем. (45708 hits)
#Последовательный поиск и его оптимизации. (43895 hits)
#"Липкие" окна. (30580 hits)
#Просмотр изображения во всплывающем окне. (87345 hits)
#Поразрядная сортировка, общий принцип. (127212 hits)
#Постепенное затемнение. (49816 hits)
#Полезные утилиты, небольшие api и библиотеки и проч.. (68118 hits)
#Простая геометрическая и текстовая анимация. (399532 hits)
#Сглаживание кривой В-сплайном. (37201 hits)
#Хранение иерархических деревьев. (52025 hits)
#Шейкер-сортировка. (69143 hits)
#Переворот символов строки (или элементов одномерного массива). (110285 hits)


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

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

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