New issue
Advanced search Search tips

Issue 244054 link

Starred by 1 user

Issue metadata

Status: Archived
Owner: ----
Closed: Aug 2015
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

Some svg filter effects will not animate realtime via changes to DOM

Reported by peter.sc...@gmail.com, May 26 2013

Issue description

Chrome Version       :  27.0.1453.94 m
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari 6:
  Firefox 20: OK
IE 7/8/9/10:

What steps will reproduce the problem?
1.<filter id='fltrTexture1' filterUnits='objectBoundingBox' x='-30%' y='-30%' width='160%' height='160%' filterRes='300'>...</filter>
2.query("#fltrTexture1").attributes["filterRes"] = "$val"; 
3.will lock further updates of 'filterRes' and prevent display of...
        query("#fltrprimTurbulence").attributes["baseFrequency"] = "$val,1";

Have also noticed same behaviour on animate of feGaussianBlur filer

Here is my svg filter...

        <filter id='fltrTexture1' filterUnits='objectBoundingBox' x='-30%' y='-30%' width='160%' height='160%' filterRes='1200'>
          <feTurbulence id="fltrprimTurbulence" type='fractalNoise' stitchTiles='stitch' 
                        baseFrequency='.5,.5' numOctaves='1' seed='13' result="noise"/>
          <feGaussianBlur id="fltrprimBlur" in="noise" stdDeviation="20,0.5" result="motionBlur" />
          <feSpecularLighting id="fltrprimLighting" in="motionBlur" surfaceScale=".5" 
                              specularConstant="1" specularExponent="30" lighting-color="rgb(255,255,255)" 
                              result="lighting" >
            <fePointLight id="fltrprimPointLight" x="-5000" y="-10000" z="70000"/>
          </feSpecularLighting>
          <feComposite in="lighting" in2="SourceAlpha" operator="in"/>
        </filter>

What is the expected result?

    Changes to attribute values should change display in real time.

What happens instead?

   Change attribute value but no change of display

Please provide any additional information below. Attach a screenshot if
possible.

If you need to look at something i could put my project online. I'dont think relevant but am developing with google dart
 

Comment 1 by tkent@chromium.org, May 27 2013

Labels: Cr-Blink-SVG
Thanks for the report. Was your filter applied to SVG content (via filter="url(...)") or to HTML content via "-webkit-filter: url(...)"?
np. was svg content...         

<g filter="url(#fltrTexture1)">  
  <rect width="375" height="590" fill="white" />
</g>


Status: Archived
Archiving unconfirmed issues, which have not been modified (commented on, updated, etc...) in over 2 years.
Archiving unconfirmed issues, which have not been modified (commented on, updated, etc...) in over 2 years.

Sign in to add a comment