powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как корректно повернуть изображение (CSS)?
4 сообщений из 4, страница 1 из 1
Как корректно повернуть изображение (CSS)?
    #39318200
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть фотки со смартфонов.

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

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

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

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

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



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

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

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

Код: css
1.
overflow:hidden



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

В итоге...

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

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

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



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


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

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

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

Через сервер всё оказалосб проще. ;)
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как корректно повернуть изображение (CSS)?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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