Как обрезать большое изображение в маленьком виде без обрезки перед обрезкой? - PullRequest
0 голосов
/ 02 апреля 2012

Кто-нибудь знает обрезку изображения, которая правильно работает с «динамически изменяемым размером изображения CSS (я имею в виду ширину и высоту)»?

Все кадрированные изображения работают нормально, если есть исходный размер изображения (например, размер: 400px x 400px) и ширина: 100%;

Но если показать пользователю изображение с размерами 1500px x 1500px и уменьшить его просто с помощью css до 100px x 100px (потому что 1500px - обычно слишком много для экрана и выглядит не очень красиво) - в этом случае кадрировщики изображений, которые я видел раньше выдает ошибку или делает миниатюру с начальными значениями (верхний левый угол). Мне нужно вытащить картинки из альбомов Facebook, и обычно они слишком большие.

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

Кстати, похоже, есть способ сделать это, потому что в предварительном просмотре jCrop миниатюра выглядит хорошо, даже если я «динамически» изменяю размер изображения в CSS. Просто превью! Неправильно полученное обрезанное изображение, так как я сказал, что левый верхний угол изображения будет.

Ответы [ 2 ]

0 голосов
/ 04 августа 2014

Если вам нужен отзывчивый или плавный инструмент для обрезки изображения (который адаптируется к экрану), попробуйте Гильотина , посмотрите demo и измените размер окна браузера. чтобы увидеть, как он адаптируется.

0 голосов
/ 02 апреля 2012

Хорошо, решение было следующим: разделить исходный размер изображения на размер «меньше в css». Мы получаем коэффициент, перед тем как отправить его на обрезку - умножим x1, y1, height, width на этот коэффициент. прибыль!

...