gradients

Author: pandrr

src/ops/base/Ops.Color.Gradient/Ops.Color.Gradient.js

@@ -70,7 +70,7 @@ function updateGradient(keys)
     for (let i = 0; i < keys.length - 1; i++)
     {
         const key = {
-            "pos": i / keys.length,
+            "pos": keys[i].pos,
             "r": keys[i].r,
             "g": keys[i].g,
             "b": keys[i].b,

src/ops/base/Ops.Color.Gradient/Ops.Color.Gradient.json

@@ -37,6 +37,12 @@
             "type": "new op",
             "author": "pandur",
             "date": 1764014424678
+        },
+        {
+            "message": "Fix output position of color ",
+            "type": "bugfix",
+            "author": "pandur",
+            "date": 1765801585944
         }
     ],
     "license": "MIT",

src/ops/base/Ops.Html.ElementGradientBg/Ops.Html.ElementGradientBg.js

@@ -1,10 +1,9 @@
 const
     inEle = op.inObject("Element", null, "element"),
     inType = op.inSwitch("Type", ["linear", "radial", "conic"], "linear"),
-
     inRCS = op.inDropDown("Rect Color Space", ["srgb", "srgb-linear",
-        "hsl", "hwb", "lch",
-        "display-p3", "a98-rgb", "prophoto-rgb", "rec2020", "lab", "oklab", "yz", "xyz-d50", "yz-d65"
+        "hsl", "hwb", "lch", "lab", "oklab",
+        "display-p3", "a98-rgb", "prophoto-rgb", "rec2020", "yz", "xyz-d50", "yz-d65"
     ], "srgb"),
     // inHue = op.inDropDown("Hue interpolation", ["shorter", "longer", "increasing", "decreasing"], "shorter"),
     inAngle = op.inFloat("Angle", 0),
@@ -51,7 +50,9 @@ function update()
 
     for (let i = 0; i < keys.length; i++)
     {
-        let p = keys[i].pos * 100;
+        let p = keys[i].pos * 100 + "% ";
+        // if(inType.get()=="conic")p=(keys[i].pos * 360)+"deg";
+
         str += "rgb(";
         str += Math.round(keys[i].r * 255);
         str += ",";
@@ -60,7 +61,7 @@ function update()
         str += Math.round(keys[i].b * 255);
         str += ",";
         str += keys[i].a;
-        str += ") " + p + "% ";
+        str += ") " + p;
 
         if (i < keys.length - 1) str += ",\n";
     }