Создать повторяющийся шаблон SVG с перекрывающимися элементами и без обрезки? ⇐ Html

[Anonymous]

Я хочу создать узор, в котором группа маленьких сегментов странной формы стыкуется друг с другом, чтобы выглядеть как веревка. каждый сегмент веревки должен перекрываться, чтобы расстояние выглядело правильно, но, конечно, это означает, что части произведения искусства обрезаются, поскольку каждый сегмент имеет свою собственную коробку. Я не могу это понять, и, возможно, это невозможно, но я хочу исчерпать все варианты.
Причина, по которой я хочу, чтобы это был элемент шаблона, заключается в том, чтобы позволить ему быть динамическим по ширине, занимая 100% родительского элемента, например границу.
Вот что у меня есть на данный момент













Подробнее здесь: https://stackoverflow.com/questions/798 ... o-clipping