Векторый фон для текста, реально?

[native_today]

Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом:

Возможно ли это? Если да, дайте наводку, пожалуйста.
Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов)
Заранее благодарю.

Edited November 24, 2017 by native_today

[AlexZaw]

Просто задайте тексту бекграунд. Можно картинку поставить на фон, если вам нужен фигурная обрезка почитайте тут:

http://htmlbook.ru/blog/maskirovanie-v-css

[native_today]

Про бэкграунд было понятно изначально. Волнует момент с масштабированием:

Как видите, "Итого" обрезан справа, "Для сервировки" - снизу. Значит нужно делать лишь посредством фигурной обрезки и "мазки кистью" по краям сделать не выйдет?)

Edited November 24, 2017 by native_today

[mrnobody]

А так пойдет?

Тут важный атрибут у svg элемента: preserveAspectRatio="none".

[Shamil.web]

. 

Edited November 24, 2017 by Shamil.web