Converts a CSS gradient String into Object/JSON
npm install webskit-gradient-parser
!Node.js CI
JSON or object.
JavaScript
const gradient = require('webskit-gradient-parser');
const obj = gradient.parse('repeating-radial-gradient(ellipse 40px 134px at 50% 96%,rgb(0, 165, 223) 0%,rgb(62, 20, 123) 6.6%,rgb(226, 0, 121) 13.2%,rgb(223, 19, 44) 18.8%,rgb(243, 239, 21) 24.1%,rgb(0, 152, 71) 33.3%)', true);
console.log(JSON.stringify(obj, null, 2));
`
Results in:
`JSON
{
"type": "repeating-radial-gradient",
"stops": [
[
"rgb(0, 165, 223)",
"0%"
],
[
"rgb(62, 20, 123)",
"6.6%"
],
[
"rgb(226, 0, 121)",
"13.2%"
],
[
"rgb(223, 19, 44)",
"18.8%"
],
[
"rgb(243, 239, 21)",
"24.1%"
],
[
"rgb(0, 152, 71)",
"33.3%"
]
],
"gradientDefinition": "ellipse 40px 134px at 50% 96%",
"firstParameterIsColor": false,
"position": {
"x": "50%",
"y": "96%"
},
"linearAngle": 0,
"shape": "ellipse",
"size": [
"40px",
"134px"
],
"conicAngle": 0
}
`
Install Choices
- npm i webskit-gradient-parser
API
$3
Accepts the gradient definitions as it is declared in background-image and returns an JSON or object.
$3
By default the parser output a JSON, but passing true as second parameter we can get an object`.