Как в SVG сделать так, что бы пропорции stroke-width не соблюдались?

Question

[Капитан Какао]

Всем привет, кто знаком с векторной графикой, знает что к примеру в иллюстраторе в настройках можно настроит будет ли пропорционально уменьшаться/увеличиваться обводка элемента "stroke-width" или нет.
То есть если мы сделали обводку 10px, и при этом начали увеличивать или уменьшать объект в зависимости от настроек обводка может оставаться всегда 10px или пропорционально изменяться.

Кто знает как достичь этого в SVG?

По умолчанию обводка в SVG пропорционально изменяется, честенько это очень полезно, но в данном случае мне нужно это отключить.

Вот пример блока на SVG, порастягивайте область с результатом, вы увидите что боковые рамки становятся то шире то уже, тем самым портя внешний вид блока.
https://jsfiddle.net/RadCor/qmoryqrp/1/

Суть вопроса в том, как отключить пропорциональное изменение обводки в SVG?

Answer 1

[Антон Мудренок]

vector-effect:
callmenick.com/post/svg-vector-effects

Comments

[Капитан Какао]

Воууу, огромное спасибо!