Как можно регулировать width для тега path?

Question

[silencer-spirit]

Есть вот такой свг https://jsfiddle.net/omo0725v/ , внутри него есть два типа звезд обернутых в g тег. Мне нужно сделать так что бы звезду можно было обрезать по бокам. (Пробовал с помощью width и overflow: hidden - не работает). Буду рад любой помощи.

Answer 1

[Максим Тимофеев]

У Вас у каждой звезды есть свой path что мешает его сделать таким, что бы звезда была такая как Вам надо? Откройте в Inkscape и сделайте все что хотите.

Comments

[silencer-spirit]

Мне нужно изменять его динамически. Т.е. что бы к примеру свойством width я мог регулировать отображение звезды. К примеру ставлю 50% и звезда становится половинкой.

[Максим Тимофеев]

silencer-spirit, Для этого делают два слоя и задний (простой прямоугольник) заливают, а сложные фигуры не трогают. Или как вариант обратный вариант с прямоугольником спереди, который просто перекрывает звезды.