Project: chromium Issues People Development process History Sign in
New issue
Advanced search Search tips
Starred by 1 user
Status: Archived
Owner: ----
Closed: Aug 2015
Cc:
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 Back to list
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