38be0d1383
This is the beginning of revision history for this module. If you want to look at revision history older than this, please refer to the Qt Git wiki for how to use Git history grafting. At the time of writing, this wiki is located here: http://qt.gitorious.org/qt/pages/GitIntroductionWithQt If you have already performed the grafting and you don't see any history beyond this commit, try running "git log" with the "--follow" argument. Branched from the monolithic repo, Qt master branch, at commit 896db169ea224deb96c59ce8af800d019de63f12
52 lines
2.4 KiB
XML
52 lines
2.4 KiB
XML
<?xml version="1.0"?>
|
|
<svg width="8cm" height="3cm" viewBox="0 0 800 300"
|
|
xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny">
|
|
<desc>Example anim01 - demonstrate animation elements</desc>
|
|
<rect x="1" y="1" width="798" height="298"
|
|
fill="none" stroke="blue" stroke-width="2" />
|
|
<!-- The following illustrates the use of the 'animate' element
|
|
to animate a rectangles x, y, and width attributes so that
|
|
the rectangle grows to ultimately fill the viewport. -->
|
|
<rect xml:id="RectElement" x="300" y="100" width="300" height="100"
|
|
fill="rgb(255,255,0)" >
|
|
<animate attributeName="x"
|
|
begin="0s" dur="9s" fill="freeze" from="300" to="0" />
|
|
<animate attributeName="y"
|
|
begin="0s" dur="9s" fill="freeze" from="100" to="0" />
|
|
<animate attributeName="width"
|
|
begin="0s" dur="9s" fill="freeze" from="300" to="800" />
|
|
<animate attributeName="height"
|
|
begin="0s" dur="9s" fill="freeze" from="100" to="300" />
|
|
</rect>
|
|
<!-- Set up a new user coordinate system so that
|
|
the text string's origin is at (0,0), allowing
|
|
rotation and scale relative to the new origin -->
|
|
<g transform="translate(100,100)" >
|
|
<!-- The following illustrates the use of the 'set', 'animateMotion',
|
|
'animateColor' and 'animateTransform' elements. The 'text' element
|
|
below starts off hidden (i.e., invisible). At 3 seconds, it:
|
|
* becomes visible
|
|
* continuously moves diagonally across the viewport
|
|
* changes color from blue to dark red
|
|
* rotates from -30 to zero degrees
|
|
* scales by a factor of three. -->
|
|
<text xml:id="TextElement" x="0" y="0"
|
|
font-family="Verdana" font-size="35.27" visibility="hidden" >
|
|
It's alive!
|
|
<set attributeName="visibility" to="visible"
|
|
begin="3s" dur="6s" fill="freeze" />
|
|
<animateMotion path="M 0 0 L 100 100"
|
|
begin="3s" dur="6s" fill="freeze" />
|
|
<animateColor attributeName="fill"
|
|
from="rgb(0,0,255)" to="rgb(128,0,0)"
|
|
begin="3s" dur="6s" fill="freeze" />
|
|
<animateTransform attributeName="transform"
|
|
type="rotate" from="-30" to="0"
|
|
begin="3s" dur="6s" fill="freeze" />
|
|
<animateTransform attributeName="transform"
|
|
type="scale" from="1" to="3" additive="sum"
|
|
begin="3s" dur="6s" fill="freeze" />
|
|
</text>
|
|
</g>
|
|
</svg>
|