@antv/x6-next/src/registry/filter/saturate.ts

JavaScript diagramming library that uses SVG and HTML for rendering.

import { getNumber } from './util'

export interface SaturateArgs {
  /**
   * The proportion of the conversion.
   * A value of `1` is completely un-saturated.
   * A value of `0` leaves the input unchanged.
   *
   * Default `1`.
   */
  amount?: number
}

export function saturate(args: SaturateArgs = {}) {
  const amount = getNumber(args.amount, 1)
  return `
      <filter>
        <feColorMatrix type="saturate" values="${1 - amount}"/>
      </filter>
    `.trim()
}