vector-effect

The vector-effect CSS property suppresses specific transformation effects in SVG, thus permitting effects like a road on a map staying the same width no matter how the map is zoomed, or allowing a diagram key to retain its position and size regardless of other transforms. It can only be used with SVG elements that accept the attribute. When used, the CSS value overrides any values of the element’s vector-effect attribute.

Values: This property is specified as one of the following keyword values:

Values: none No vector effects are applied to the element, meaning it will be fully affected by transforms as normal. non-scaling-stroke The element’s drawn stroke width will be physically equal in size to its defined stroke width, even if the element has been scaled up or down in size due to transforms of either itself or its coordinate system. This is the case whether the element is scaled with transforms or by physical resizing of the entire image.

Syntax example: vector-effect: none;