@antv/x6/src/registry/filter/invert.ts

JavaScript diagramming library that uses SVG and HTML for rendering.

import { getNumber } from './util'

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

export function invert(args: InvertArgs = {}) {
  const amount = getNumber(args.amount, 1)
  const amount2 = 1 - amount
  return `
      <filter>
        <feComponentTransfer>
          <feFuncR type="table" tableValues="${amount} ${amount2}"/>
          <feFuncG type="table" tableValues="${amount} ${amount2}"/>
          <feFuncB type="table" tableValues="${amount} ${amount2}"/>
        </feComponentTransfer>
      </filter>
    `.trim()
}