vector-effect
The vector-effect property specifies vector effects for SVG elements.
Formal Syntax
none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position
JavaScript Access
// Access via element.style
element.style.vectorEffect = 'none';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| vector-effect | 6 | 15 | 5.1 | 79 |
| non-scaling-stroke | 6 | 15 | 5.1 | 79 |
| none | 6 | 15 | 5.1 | 79 |
Related Properties
- cx
- cy
- d
- fill
- fill-opacity
- fill-rule
- marker
- marker-end
- marker-mid
- marker-start
- r
- rx
- ry
- shape-rendering
- stroke
- stroke-dasharray
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- x
- y
- stroke-color ๐งช
- fill-break ๐ง
- fill-color ๐ง
- fill-image ๐ง
- fill-origin ๐ง
- fill-position ๐ง
- fill-repeat ๐ง
- fill-size ๐ง
- marker-side ๐ง
- stroke-align ๐ง
- stroke-alignment ๐ง
- stroke-break ๐ง
- stroke-dash-corner ๐ง
- stroke-dash-justify ๐ง
- stroke-dashadjust ๐ง
- stroke-dashcorner ๐ง
- stroke-image ๐ง
- stroke-origin ๐ง
- stroke-position ๐ง
- stroke-repeat ๐ง
- stroke-size ๐ง
- glyph-orientation-vertical ๐๏ธ