| function SVGProLevelsFilter(filter, filterManager) { |
| this.filterManager = filterManager; |
| var effectElements = this.filterManager.effectElements; |
| var feComponentTransfer = createNS('feComponentTransfer'); |
| var feFuncR, feFuncG, feFuncB; |
| |
| if (effectElements[10].p.k || effectElements[10].p.v !== 0 || effectElements[11].p.k || effectElements[11].p.v !== 1 || effectElements[12].p.k || effectElements[12].p.v !== 1 || effectElements[13].p.k || effectElements[13].p.v !== 0 || effectElements[14].p.k || effectElements[14].p.v !== 1) { |
| this.feFuncR = this.createFeFunc('feFuncR', feComponentTransfer); |
| } |
| if (effectElements[17].p.k || effectElements[17].p.v !== 0 || effectElements[18].p.k || effectElements[18].p.v !== 1 || effectElements[19].p.k || effectElements[19].p.v !== 1 || effectElements[20].p.k || effectElements[20].p.v !== 0 || effectElements[21].p.k || effectElements[21].p.v !== 1) { |
| this.feFuncG = this.createFeFunc('feFuncG', feComponentTransfer); |
| } |
| if (effectElements[24].p.k || effectElements[24].p.v !== 0 || effectElements[25].p.k || effectElements[25].p.v !== 1 || effectElements[26].p.k || effectElements[26].p.v !== 1 || effectElements[27].p.k || effectElements[27].p.v !== 0 || effectElements[28].p.k || effectElements[28].p.v !== 1) { |
| this.feFuncB = this.createFeFunc('feFuncB', feComponentTransfer); |
| } |
| if (effectElements[31].p.k || effectElements[31].p.v !== 0 || effectElements[32].p.k || effectElements[32].p.v !== 1 || effectElements[33].p.k || effectElements[33].p.v !== 1 || effectElements[34].p.k || effectElements[34].p.v !== 0 || effectElements[35].p.k || effectElements[35].p.v !== 1) { |
| this.feFuncA = this.createFeFunc('feFuncA', feComponentTransfer); |
| } |
| |
| if (this.feFuncR || this.feFuncG || this.feFuncB || this.feFuncA) { |
| feComponentTransfer.setAttribute('color-interpolation-filters', 'sRGB'); |
| filter.appendChild(feComponentTransfer); |
| feComponentTransfer = createNS('feComponentTransfer'); |
| } |
| |
| if (effectElements[3].p.k || effectElements[3].p.v !== 0 || effectElements[4].p.k || effectElements[4].p.v !== 1 || effectElements[5].p.k || effectElements[5].p.v !== 1 || effectElements[6].p.k || effectElements[6].p.v !== 0 || effectElements[7].p.k || effectElements[7].p.v !== 1) { |
| |
| feComponentTransfer.setAttribute('color-interpolation-filters', 'sRGB'); |
| filter.appendChild(feComponentTransfer); |
| this.feFuncRComposed = this.createFeFunc('feFuncR', feComponentTransfer); |
| this.feFuncGComposed = this.createFeFunc('feFuncG', feComponentTransfer); |
| this.feFuncBComposed = this.createFeFunc('feFuncB', feComponentTransfer); |
| } |
| } |
| |
| SVGProLevelsFilter.prototype.createFeFunc = function (type, feComponentTransfer) { |
| var feFunc = createNS(type); |
| feFunc.setAttribute('type', 'table'); |
| feComponentTransfer.appendChild(feFunc); |
| return feFunc; |
| }; |
| |
| SVGProLevelsFilter.prototype.getTableValue = function (inputBlack, inputWhite, gamma, outputBlack, outputWhite) { |
| var cnt = 0; |
| var segments = 256; |
| var perc; |
| var min = Math.min(inputBlack, inputWhite); |
| var max = Math.max(inputBlack, inputWhite); |
| var table = Array.call(null, { length: segments }); |
| var colorValue; |
| var pos = 0; |
| var outputDelta = outputWhite - outputBlack; |
| var inputDelta = inputWhite - inputBlack; |
| while (cnt <= 256) { |
| perc = cnt / 256; |
| if (perc <= min) { |
| colorValue = inputDelta < 0 ? outputWhite : outputBlack; |
| } else if (perc >= max) { |
| colorValue = inputDelta < 0 ? outputBlack : outputWhite; |
| } else { |
| colorValue = (outputBlack + outputDelta * Math.pow((perc - inputBlack) / inputDelta, 1 / gamma)); |
| } |
| table[pos++] = colorValue; |
| cnt += 256 / (segments - 1); |
| } |
| return table.join(' '); |
| }; |
| |
| SVGProLevelsFilter.prototype.renderFrame = function (forceRender) { |
| if (forceRender || this.filterManager._mdf) { |
| var val, cnt, perc, bezier; |
| var effectElements = this.filterManager.effectElements; |
| if (this.feFuncRComposed && (forceRender || effectElements[3].p._mdf || effectElements[4].p._mdf || effectElements[5].p._mdf || effectElements[6].p._mdf || effectElements[7].p._mdf)) { |
| val = this.getTableValue(effectElements[3].p.v, effectElements[4].p.v, effectElements[5].p.v, effectElements[6].p.v, effectElements[7].p.v); |
| this.feFuncRComposed.setAttribute('tableValues', val); |
| this.feFuncGComposed.setAttribute('tableValues', val); |
| this.feFuncBComposed.setAttribute('tableValues', val); |
| } |
| |
| |
| if (this.feFuncR && (forceRender || effectElements[10].p._mdf || effectElements[11].p._mdf || effectElements[12].p._mdf || effectElements[13].p._mdf || effectElements[14].p._mdf)) { |
| val = this.getTableValue(effectElements[10].p.v, effectElements[11].p.v, effectElements[12].p.v, effectElements[13].p.v, effectElements[14].p.v); |
| this.feFuncR.setAttribute('tableValues', val); |
| } |
| |
| if (this.feFuncG && (forceRender || effectElements[17].p._mdf || effectElements[18].p._mdf || effectElements[19].p._mdf || effectElements[20].p._mdf || effectElements[21].p._mdf)) { |
| val = this.getTableValue(effectElements[17].p.v, effectElements[18].p.v, effectElements[19].p.v, effectElements[20].p.v, effectElements[21].p.v); |
| this.feFuncG.setAttribute('tableValues', val); |
| } |
| |
| if (this.feFuncB && (forceRender || effectElements[24].p._mdf || effectElements[25].p._mdf || effectElements[26].p._mdf || effectElements[27].p._mdf || effectElements[28].p._mdf)) { |
| val = this.getTableValue(effectElements[24].p.v, effectElements[25].p.v, effectElements[26].p.v, effectElements[27].p.v, effectElements[28].p.v); |
| this.feFuncB.setAttribute('tableValues', val); |
| } |
| |
| if (this.feFuncA && (forceRender || effectElements[31].p._mdf || effectElements[32].p._mdf || effectElements[33].p._mdf || effectElements[34].p._mdf || effectElements[35].p._mdf)) { |
| val = this.getTableValue(effectElements[31].p.v, effectElements[32].p.v, effectElements[33].p.v, effectElements[34].p.v, effectElements[35].p.v); |
| this.feFuncA.setAttribute('tableValues', val); |
| } |
| |
| } |
| }; |