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/
