@dk-web

Как наложить одно изображение на другое по маске?

Прошу прощение за кривой вопрос.
Суть в следующем - есть изображение произвольной формы - png файл с прозрачным фоном и контурами.
Я заливаю файл на сервер и с помощью backgoround style делаю "заливку".

<img src="/images/10.png" style="background: url('/images/{{ Session::get('path') }}') no-repeat center center / contain">
или
<img src="/images/10.png" style="background: center / auto auto no-repeat, #eee 35% url('/images/{{ Session::get('path') }}')">

Но изображение либо встает криво, если пытаться его вписать полностью, либо соответственно размывается.

Может есть какая умная библиотека на js для такого?
В идеале мне бы хотелось как автоматом залить фон, так и просто взять и подогнать изображение а-ля resize под нужный контур.

Например, нарисована звезда. Я загружаю произвольную фотографию. И когда я ее перемещаю поверх звезды, то у меня остается только звезда, заполненная фоном из данной фотографии.

Простите за косноязычность)
  • Вопрос задан
  • 116 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
кликай по коту


Возможно я неправильно понял твой вопрос, и ты хочшь что-то вроде
background-size: cover или contain

Или так?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы