[svg-developers] Re: finding the HTML whose SVG was clicked upon

Tue, 26 Jul 2011 07:22:31 -0700

David,

OK, I'm 1 for 2 but I'm aiming to improve to 2 out of 3.

In the plastic rainbow animation you have...

<animate attributeName="gradientTransform" dur="5s"
values="'rotate(0 .5 .5)'; 'rotate(360 .5 .5)'"
repeatCount="indefinite"/>

You need to remove the inner single quotes from the values to make it

<animate attributeName="gradientTransform" dur="5s"
values="rotate(0 .5 .5); rotate(360 .5 .5)"
repeatCount="indefinite"/>

Best regards

Robert.

--- In [email protected], "David Dailey" <ddailey@...> wrote:
>
> Actually I think on that one
> (http://srufaculty.sru.edu/david.dailey/svg/text/fire8.svg )
> 
>  
> 
> the animateTransform is proper, as it is applied to a <g> rather than to the
> <pattern> itself:
> 
>  
> 
> <pattern id="P" height="100" width="100" patternUnits="userSpaceOnUse" >
> 
> <g >
> 
>   <animateTransform attributeName="transform" type="translate" dur="6s"
> values="0,200;0,0" repeatCount="indefinite"/>
> 
>                 <g id="U">
> 
>                                 <rect id="R" x="0" y="0" filter="url(#c)"
> height="100" width="100"/>
> 
>                                 <g transform="scale(1,-1)"><use
> xlink:href="#R"  /></g>
> 
>                                 <use xlink:href="#R"
> transform="translate(0,-200) " />
> 
>                 </g>
> 
> </g>
> 
> </pattern>
> 
> There was a funky thing where I left out a space between two values in a
> gradientTransform though, and that might have caused the error in Firefox. I
> don't see an error in FF, so assume that it is the displacement map based on
> backgroundImage that makes nothing show up. 
> 
>  
> 
> The above actually solves a problem I had fiddled with for quite some time:
> how to animate a turbulence forever so that it appears seamless. Usually the
> start and restart values of animating scale, or seed appear to either
> oscillate or to have a discontinuity on the edge of the values list where
> the animation recycles. What the above does (and I also used it in the water
> examples) is to lay down a turbulence map, concatenate it spatially with its
> mirror image, append one more copy and then to drag the entire rectangle
> (displacing as we go) through the affected region - in this case text.
> 
>  
> 
> I've played with fire and water before
> (http://srufaculty.sru.edu/david.dailey/svg/texture/texturepage.htm), but
> because of the use of this seamless cylindrical method, I'm happiest with
> the current effects.
> 
>  
> 
> Several more examples with water, fire and bubbles along the recent lines
> can be seen at
> 
> http://srufaculty.sru.edu/david.dailey/svg/text/ 
> 
>  
> 
> I could speed up fire7.svg (which currently requires a fairly small window
> to look good - in either Opera or ASV) by simply reducing the width of the
> turbulence filter to cover only a vertical strip covered by the affected
> glyph. Maybe I will do that if I get some time.
> 
>  
> 
> cheers
> 
> David
> 
>  
> 
> From: [email protected] [mailto:[email protected]]
> On Behalf Of Robert Longson
> Sent: Sunday, July 24, 2011 4:49 PM
> To: [email protected]
> Subject: [svg-developers] Re: finding the HTML <object> whose SVG was
> clicked upon
> 
>  
> 
>   
> 
> 
> And the same bug is in fire8.svg too.
> 
> --- In [email protected]
> <mailto:svg-developers%40yahoogroups.com> , "Robert Longson" <longsonr@>
> wrote:
> >
> > David,
> > 
> > In Taxi2.svg you have a bug that you use attributeName="transform" when
> you need attributeName="patternTransform"
> > 
> > <pattern id="QP" patternUnits="userSpaceOnUse" width="20" height="16"
> patternTransform=" scale(.45)">
> > 
> > <animateTransform attributeName="patternTransform" type="rotate" dur="25"
> from="360,450,350" to="0,450,350" repeatCount="indefinite"/>
> > <use xlink:href="#RP" fill="#d90"/>
> > </pattern>
> > 
> > 
> > Best regards
> > 
> > Robert
> >
> 
> 
> 
> 
> 
> [Non-text portions of this message have been removed]
>




------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
----Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    [email protected] 
    [email protected]

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/

Reply via email to