Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как корректно повернуть изображение (CSS)? / 4 сообщений из 4, страница 1 из 1
29.09.2016, 22:22
    #39318200
Monochromatique
Monochromatique
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как корректно повернуть изображение (CSS)?
Есть фотки со смартфонов.

Каждый снимает кто во что горазд и как удобней.

Соответствеено, есть фотки, которые должны быть в портретном режиме, но отображаются они в альбомном.

Их надо повернуть на 90 или 270 градусов.

Но если использовать

Код: css
1.
transform: rotate(90deg);



то начинается треш - весь остальной контент никак не реагирует на то, что изображение "повернулось".

Как повернуть изображение так, как "будто так и было"?

Дать родительскому блоку

Код: css
1.
overflow:hidden



не вариант, потому как фото обрезается.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.09.2016, 00:20
    #39318231
Monochromatique
Monochromatique
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как корректно повернуть изображение (CSS)?
CSS рулит и разруливает.

В итоге...

Иду на сервер, хватаю изображение, через Bitmap поворачиваю его и сохраняю.

CASE "так и было".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.09.2016, 07:24
    #39318286
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как корректно повернуть изображение (CSS)?
MonochromatiqueНо если использовать

Код: css
1.
transform: rotate(90deg);



Задай правильные ширину и высоту (с учётом поворота) блоку, содержащему изображение. Если ты уж умудрился ротейт вмонстрячить, значит можешь и width/height залупить. Разве нет?


MonochromatiqueИду на сервер, хватаю изображение, через Bitmap поворачиваю его и сохраняю.

Думаю, это изначально правильный подход.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.09.2016, 07:57
    #39318302
Monochromatique
Monochromatique
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как корректно повернуть изображение (CSS)?
hVostt
Задай правильные ширину и высоту (с учётом поворота) блоку, содержащему изображение. Если ты уж умудрился ротейт вмонстрячить, значит можешь и width/height залупить. Разве нет?

Думал об этом, но даже вступать в это болото не захотел. Разное разрешение, ориентация самого окна - в общем болото самых черных хаков CSS.

Через сервер всё оказалосб проще. ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как корректно повернуть изображение (CSS)? / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 391ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1444988]:
 0ms
get settings:
 10ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 45ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 36ms
get tp. blocked users:
 1ms
others: 264ms
total:  391ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]