Filter

Default filter

To use the filter, we use this:

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

let elements = [
  {
    type: "img"
  }
];

This generates defaults grayscale operation on each element.

new Image("url")
  .set({
    filtera: {
      op: {
        name: "filter",
        filter: "grayscale(0.7)"
      }
    }
  });

Custom filter

If we supply more props, like sepia.

let nodes = [
  {
    op: "filter",
    name: "sepia"
  }
];

The generated operation will have sepia filter.

new Image("url")
  .set({
    filtera: {
      op: {
        name: "filter",
        filter: "sepia(0.7)"
      }
    }
  });