Можно ли и как именно в SVG задать заливку паттерном без обрезки?

Question

[Pavel K]

Приветствую!
Нужно сделать вот такой блок:

Делаю блок с помощью SVG.
Возникла проблема - как сделать, что бы фигуры внизу влезали целиком, без обрезки вконце?
Размеры заранее не известны. Использовать JS не хотелось бы.
Сейчас делаю паттерн с полукругом, им заливаю прямоугольник. Может быть каким-то другим способом нужно?
Усложняет ситуацию то, что вся фигура будет использована как clip-path

Comments

[Максим]

pattern"ом навряд ли получится clip-path сделать

Answer 1

[RAX7]

без обрезки можно так

можно еще паттерн выровнять по центру, тогда обрезка будет с обоих краев

Comments

[Pavel K]

Спасибо!
В первом варианте тогда получается, что при расширении будет просто меняться маштаб =(
Дизайнер настаивает что бы было "именно так, как нарисовано".
Что ж, спасибо Вам, второй вариант наиболее подходящий.

[RAX7]

Pavel K, есть еще вариант с border-image, но так не получиться сделать прозрачный вырез