Ну так я и говорю, если вы хотите возложить все на css, то вы хотите ИИ, но вы же знаете и размер контейнера, и то что изображение может быть меньше контейнера, и самое главное то, что css не может "дорисовать" картинку.
Зная это, можно сделать только одно - масштабировать изображение, а уж в какую сторону его сдвинуть и на сколько, это только вам определять, ибо css уж точно не понимает, что на картинке есть объект. |
Цитата:
1. Сначала подгоняем масштаб так, чтобы область с объектом входила полностью в див. Скорее всего область с объектом по высоте и ширине не войдет одновременно. То есть сначала допустим полностью войдет по ширине, потом по длине. И по ширине тогда будет открываться все то что находится возле области с объектом. С точки зрения программной, нужно рассчитать такой %, для background-size чтобы ширина и длина масштабируемой области (она масштабируется пропорционально всему изображению) не превышала div. 2. далее мы центруем изображение, чтобы объект был по центру div и если вдруг появились белые поля ту сдвигаем по мере возможности изображение, чтобы их скрыть. Тут как бы тоже все для расчетов есть. Размеры исходного изображения, размеры div, размер и координаты области с объектом и scale коэффициент масштабирования. |
Цитата:
На то оно и масштабируется, чтобы заняло все, а далее либо центрируем, либо от любого из краев отсчет. А чтобы "объект" вошел, значит просто растянуть до заполнения, но это уже с искажениями. Или я так и не понял чего вы там творите. |
Цитата:
Ну или допустим в одной из попыток реализовать это, я делал так: изначально позиция фона ставится в координаты области (с минусом), в этом случае объект будет своим углом верхним левым уперт в соответствующий угол дива, далее, мы для каждой оси,рассчитываем разницу области с соответсвующей гранью дива, делим ее пополам. тем самым сдвигая на это значение по Х и по У. Но тут нужно еще учесть, что эти сдвиги должны быть ограничены размером самой картинки. |
В css есть правила, которые растянут, естественно, что может быть обрезано сверху/снизу или слева/справа в зависимости от размеров. Какой при этом смысл сдвигать, рассчитывать что-то, когда может быть центрирование лучший выбор, а тем более это не определит ни js, ни css.
|
Часовой пояс GMT +3, время: 11:53. |