lottie-web/player/js/elements/svgElements/effects/SVGFillFilter.js

After Effects plugin for exporting animations to SVG + JavaScript or canvas + JavaScript

import createNS from '../../../utils/helpers/svg_elements';

function SVGFillFilter(filter, filterManager, elem, id) {
  this.filterManager = filterManager;
  var feColorMatrix = createNS('feColorMatrix');
  feColorMatrix.setAttribute('type', 'matrix');
  feColorMatrix.setAttribute('color-interpolation-filters', 'sRGB');
  feColorMatrix.setAttribute('values', '1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0');
  feColorMatrix.setAttribute('result', id);
  filter.appendChild(feColorMatrix);
  this.matrixFilter = feColorMatrix;
}

SVGFillFilter.prototype.renderFrame = function (forceRender) {
  if (forceRender || this.filterManager._mdf) {
    var color = this.filterManager.effectElements[2].p.v;
    var opacity = this.filterManager.effectElements[6].p.v;
    this.matrixFilter.setAttribute('values', '0 0 0 0 ' + color[0] + ' 0 0 0 0 ' + color[1] + ' 0 0 0 0 ' + color[2] + ' 0 0 0 ' + opacity + ' 0');
  }
};

export default SVGFillFilter;