«Стек-блиц стоит тысячи слов»: https://stackblitz.com/edit/angular-zoom-crop-marker
По сути, я пытаюсь нарисовать квадрат выше определенной позиции на изображении ( <img>), и имейте это динамически приспосабливаясь к изображению, увеличивая / уменьшая и обрезая. Ссылка на стекаблиц имеет 3 вида: базовый c вид, представляющий собой простое изображение, масштабируемый вид (с которым я тоже работал) и вид, в котором изображение «увеличивается и обрезается» во время масштабирования. Мне нужна ваша помощь.
Должен ли я каким-либо образом обрезать объектную посадку? Будет ли лучше, если я использую холст, чтобы справиться с этим? Я занимался этим целый день, и я чувствую, что мои css знания слишком ограничены, чтобы их получить.
Бонусный вопрос : Как бы я go собирался есть ли кнопки увеличения / уменьшения масштаба для добавления / удаления одного изображения в строке, используя только css flex-box? (ie: не добавлять статически x пикселей по высоте и ширине, а увеличивать или уменьшать размер каждого изображения, чтобы другое изображение удалялось или добавлялось (для каждой строки) при постоянном заполнении всего доступного пространства)
Заранее спасибо!