Gradient

To add gradient to an element, use the following object:

Default gradient

To use the default gradient, we use the gradient op.

let nodes = [
  {
    op: "gradient"
  }
];

let elements = [
  {
    type: "h1",
    value: "Hello"
  }
];

This generates default gradient operation on each element.

new Text("Gradient").set({
  gradient: {
    op: {
      name: "gradient",
      gradient: "linear-gradient(#3498db,#1abc9c)"
    }
  }
});

Custom gradient

We can also specify our own gradient.

let nodes = [
  {
    op: "gradient",
    gradient: "linear-gradient(orange, green)"
  }
];

This generates our custom gradient.

 new Text("Gradient").set({
  gradient: {
    op: {
      name: "gradient",
      gradient: "linear-gradient(orange, green)"
    }
  }
});