Есть вот такой свг https://jsfiddle.net/omo0725v/ , внутри него есть два типа звезд обернутых в g тег. Мне нужно сделать так что бы звезду можно было обрезать по бокам. (Пробовал с помощью width и overflow: hidden - не работает). Буду рад любой помощи.
У Вас у каждой звезды есть свой path что мешает его сделать таким, что бы звезда была такая как Вам надо? Откройте в Inkscape и сделайте все что хотите.
Мне нужно изменять его динамически. Т.е. что бы к примеру свойством width я мог регулировать отображение звезды. К примеру ставлю 50% и звезда становится половинкой.
silencer-spirit, Для этого делают два слоя и задний (простой прямоугольник) заливают, а сложные фигуры не трогают. Или как вариант обратный вариант с прямоугольником спереди, который просто перекрывает звезды.
Простой
