W3C home > Mailing lists > Public > www-svg@w3.org > December 2007

Re: Performance of SVG animation (Mozilla implement)

From: Question <wanliyou@gmail.com>
Date: Thu, 6 Dec 2007 11:50:52 +0800
Message-ID: <41143d8f0712051950g7be22667ocda1a9ecd8242226@mail.gmail.com>
To: "Tim Rowley" <tor@acm.org>
Cc: www-svg@w3.org, dev-tech-svg@lists.mozilla.org
Sorry, the code is in a  xbl and also an xul, it's hard to make it work in a
standalone envionment.

        <symbol id="common-button-loading-symbol" width="600" height="600"
viewBox="0,0,600,600">
            <line fill="none" stroke="#FFFFFF" stroke-width="40"
stroke-linecap="round" x1="300" y1="90" x2="300" y2="150"/>
            <line opacity="0.80" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="195" y1="118.135" x2="225" y2="
170.096"/>
            <line opacity="0.56" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="118.135" y1="195" x2="170.096"
y2="225"/>
            <line opacity="0.32" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="90" y1="300" x2="150"
y2="300"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="118.135" y1="405" x2="170.096"
y2="375"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="300" y1="450" x2="300"
y2="510"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="375" y1="429.904" x2="405" y2="
481.865"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="429.904" y1="375.001" x2="
481.865" y2="405"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="450.001" y1="300.001" x2="510"
y2="300"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="429.905" y1="225" x2="481.865"
y2="195"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="195" y1="481.865" x2="225" y2="
429.904"/>
            <line opacity="0.20" fill="none" stroke="#FFFFFF"
stroke-width="40" stroke-linecap="round" x1="375.001" y1="170.096" x2="405"
y2="118.135"/>
        </symbol>

It's such a symbol that we will rotate it for 30 angle every 300ms. It's
done all by javascript.


On Dec 6, 2007 12:01 AM, Tim Rowley <tor@acm.org> wrote:

> On Dec 5, 2007 2:24 AM, Question <wanliyou@gmail.com> wrote:
> >     I'm working on Firefox 3, beta, Gecko 1.9 +, It's strange that
> animation
> > will use 50-60% CPU (Pentium D 2.9G). What's the problem here?
> >     I can't find some useful information here. As mozilla is refactoring
> the
> > SVG code, any better news?
>
> We need more information about what you're attempting to do with SVG
> before usefully commenting on the performance.
>
> -tor
>



-- 
>: ~
Received on Thursday, 6 December 2007 03:51:03 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:38 GMT