Существуют ли хорошие эквиваленты сценариев Javascript / Jquery для TimThimb (PHP)?

Question

Для тех, кто не знает о TimThumb, он возьмет любое изображение любого размера или размера и на лету создаст миниатюру любого нужного размера.Прелесть этого в том, что он действительно работает с любым измерением, которое вы передаете, используя комбинацию изменения размера изображения, обрезки или увеличения масштаба изображения.

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

Спасибо за любые подсказки по этому поводу!

Answer 1

Это зависит.

Вы можете использовать CSS или Javascript для простого масштабирования изображения.
Для этого существует множество доступных плагинов.

Я сомневаюсь, что есть кто-то, кто делает предположение точно так же, как Тимхумб.

Если вы собираетесь изменить размер большого количества изображений на странице, это действительно ухудшит производительность. Другой альтернативой является несколько «макетов» фиксированного размера (960, 320) и т. Д., И сервер генерирует большие пальцы для каждого.

Вы можете использовать javascript для загрузки размера appriate.

Если вам действительно нужно изменить масштаб файла:

Используйте внешний веб-сервис для изменения размера изображения. Большинство из них принимают URL и возвращают изображение с измененным размером:

example.com/resize?image="http://example.com/image1.jpg"&height="...

Если на вашем сервере запущен TimThumb, вы можете настроить простой API, позволяющий вам вызывать собственную службу.

В противном случае см. Веб-сервис изменения размера изображения для нескольких вариантов.

Answer 2

Невозможно сделать это только с помощью клиентской javascript. В PHP есть GD, библиотеки ImageMagick, которые создают новое изображение (фактический эскиз), и один только javascript не может этого сделать, так как это клиентский скрипт, он не может создавать файлы.

Таким образом, ответ: нет ни одного.

Как отметил @papirtiger, вы все равно можете сделать это с помощью javascript на стороне сервера (например, node.js).

Пожалуйста, смотрите эту ссылку