Parses a SVG linear gradient string / parsed JSON into css background image property
npm install linear-gradient-parser```
npm i linear-gradient-parser
`js
import parser from 'linear-gradient-parser';
// SVG String input
const linearGradientString =
const stringResult = parser.getBackground(linearGradientString);
console.log(stringResult)
//outputs : {background: "linear-gradient(0deg, rgb(252, 179, 164) 0%, rgb(218, 88, 153) 100%)", angle: 0}
// JSON input
const linearGradient = {
x1: '17.5001',
y1: '32',
x2: '17.5001',
y2: '2.9711',
stops: [
{ color: '#FCC3A4', offset: '0', opacity: 0.5 },
{ color: '#AAA899', offset: '1' }
]
};
const jsonResult = parser.getBackground(linearGradient);
console.log(jsonResult)
//outputs : {background: "linear-gradient(0deg, rgb(252, 179, 164) 0%, rgb(218, 88, 153) 100%)", angle: 0}
// Using angle generator
const gradientCords = parser.getGradientCords(90);
//outputs : { x1: 0, x2: 1, y1: 0, y2: 0 }
`
#### getBackground
Converts a linear gradient into a background representation.
| Name | Type | Default Value | Required? | Description
|-|-|-|-|-
| linearGradient | String|LinearGradient | undefined | Yes | The linear gradient to parse
Returns: { angle: Number , background: String }
#### getGradientCords
Builds a linear gradient position attributes for a given angle.
| Name | Type | Default Value | Required? | Description
|-|-|-|-|-
| angle | Number | 0` | Yes | The angle to create the x1 / x2 / y1 / y2 cords from.
Returns: { x1: Number, x2: Number, y1: Number, y2: Number }