Как сделать рамку из svg для сообщения?

Question

[Evtera]

Здравствуйте. Как можно реализовать данную рамку? svg файл есть.

Comments

[Rustam Bainazarov]

Единственное, что вам от этого SVG тут нужно — это верхний левый уголок, который можно повесить на absolute.

Если же положение указателя меняется динамически, то JS + SVG. Если статика, то всё очень просто.

Answer 1

[Икотий Айтишевич]

По аналогии:
https://codepen.io/bmarques1995/details/bLJxqy
https://codepen.io/theycallmemrpig/details/POWxdr

Либо уже полноценно учиться рисовать в SVG.

Или же Вы можете нарисовать в иллюстраторе и перевести в SVG формат.

Comments

[Evtera]

у меня есть svg файл, но я не могу его вставить в виде заднего фона/маски. Он не подстраивается под высоту/ширину контента должным образом. Что-то да вылезет. Вот в чем проблема

[Икотий Айтишевич]

Evtera, Попробуйте добавить его задать в виде фона со свойством background-size: cover; или как изображение со свойством object-fit: cover;