How to get linear gradient params from gradientTransform?

Plugin and Widget API Questions
1

Hello, there!

{
  "type": "GRADIENT_LINEAR",
  "visible": true,
  "opacity": 1,
  "blendMode": "NORMAL",
  "gradientStops": [
    { "color": { "r": 0.9468026161193848, "g": 0.7801758050918579, "b": 1, "a": 1 }, "position": 0 },
    { "color": { "r": 1, "g": 0.8026315569877625, "b": 0.7916666865348816, "a": 1 }, "position": 1 }
  ],
  "gradientTransform": [
    [0.02942134626209736, 2.29868745803833, -0.01471067313104868],
    [153.8611602783203, -179.4796142578125, -76.43058013916016]
  ]
}

and I want to generate css code which is in Inspect tab
background: linear-gradient(179.27deg, #F1C7FF 0.63%, #FFCDCA 43.59%);
how can i get these percentage?

thanks!!

1 Like
4

I have the same issue

1 Like
5

The percentage in the CSS code is each colour’s alpha property. If you wanted to retrieve them from the api you would need to target the "a" property under each color.

The colour in your CSS example doesn’t seem to be the same as the plugin code btw.

6

I have the same issue too

7

Did you get this figured out?
(working through a similar issue – but trying to retrieve xy handle positions instead of angle)