| function SVGDropShadowEffect(filter, filterManager){ |
| filter.setAttribute('x','-100%'); |
| filter.setAttribute('y','-100%'); |
| filter.setAttribute('width','400%'); |
| filter.setAttribute('height','400%'); |
| this.filterManager = filterManager; |
| |
| var feGaussianBlur = createNS('feGaussianBlur'); |
| feGaussianBlur.setAttribute('in','SourceAlpha'); |
| feGaussianBlur.setAttribute('result','drop_shadow_1'); |
| feGaussianBlur.setAttribute('stdDeviation','0'); |
| this.feGaussianBlur = feGaussianBlur; |
| filter.appendChild(feGaussianBlur); |
| |
| var feOffset = createNS('feOffset'); |
| feOffset.setAttribute('dx','25'); |
| feOffset.setAttribute('dy','0'); |
| feOffset.setAttribute('in','drop_shadow_1'); |
| feOffset.setAttribute('result','drop_shadow_2'); |
| this.feOffset = feOffset; |
| filter.appendChild(feOffset); |
| var feFlood = createNS('feFlood'); |
| feFlood.setAttribute('flood-color','#00ff00'); |
| feFlood.setAttribute('flood-opacity','1'); |
| feFlood.setAttribute('result','drop_shadow_3'); |
| this.feFlood = feFlood; |
| filter.appendChild(feFlood); |
| |
| var feComposite = createNS('feComposite'); |
| feComposite.setAttribute('in','drop_shadow_3'); |
| feComposite.setAttribute('in2','drop_shadow_2'); |
| feComposite.setAttribute('operator','in'); |
| feComposite.setAttribute('result','drop_shadow_4'); |
| filter.appendChild(feComposite); |
| |
| |
| var feMerge = createNS('feMerge'); |
| filter.appendChild(feMerge); |
| var feMergeNode; |
| feMergeNode = createNS('feMergeNode'); |
| feMerge.appendChild(feMergeNode); |
| feMergeNode = createNS('feMergeNode'); |
| feMergeNode.setAttribute('in','SourceGraphic'); |
| this.feMergeNode = feMergeNode; |
| this.feMerge = feMerge; |
| this.originalNodeAdded = false; |
| feMerge.appendChild(feMergeNode); |
| } |
| |
| SVGDropShadowEffect.prototype.renderFrame = function(forceRender){ |
| if(forceRender || this.filterManager._mdf){ |
| if(forceRender || this.filterManager.effectElements[4].p._mdf){ |
| this.feGaussianBlur.setAttribute('stdDeviation', this.filterManager.effectElements[4].p.v / 4); |
| } |
| if(forceRender || this.filterManager.effectElements[0].p._mdf){ |
| var col = this.filterManager.effectElements[0].p.v; |
| this.feFlood.setAttribute('flood-color',rgbToHex(Math.round(col[0]*255),Math.round(col[1]*255),Math.round(col[2]*255))); |
| } |
| if(forceRender || this.filterManager.effectElements[1].p._mdf){ |
| this.feFlood.setAttribute('flood-opacity',this.filterManager.effectElements[1].p.v/255); |
| } |
| if(forceRender || this.filterManager.effectElements[2].p._mdf || this.filterManager.effectElements[3].p._mdf){ |
| var distance = this.filterManager.effectElements[3].p.v; |
| var angle = (this.filterManager.effectElements[2].p.v - 90) * degToRads; |
| var x = distance * Math.cos(angle); |
| var y = distance * Math.sin(angle); |
| this.feOffset.setAttribute('dx', x); |
| this.feOffset.setAttribute('dy', y); |
| } |
| /*if(forceRender || this.filterManager.effectElements[5].p._mdf){ |
| if(this.filterManager.effectElements[5].p.v === 1 && this.originalNodeAdded) { |
| this.feMerge.removeChild(this.feMergeNode); |
| this.originalNodeAdded = false; |
| } else if(this.filterManager.effectElements[5].p.v === 0 && !this.originalNodeAdded) { |
| this.feMerge.appendChild(this.feMergeNode); |
| this.originalNodeAdded = true; |
| } |
| }*/ |
| } |
| }; |