BE test: animation-values-BE-07

thebigdir > References > Analog Ocean Minded Ezekiel Element Fox Honolua Matix Mada Jet Pilot Surf Clothing And FootwareExample Repository

Intro / Search / Analog Ocean Minded Ezekiel Element Fox Honolua Matix Mada Jet Pilot Surf Clothing And Footware

Example repository: index | categories | search

All > SVG > Animation > animation-values-BE-07

File:	animation-values-BE-07
Author:	Jon Ferraiolo
Origin:	W3C SVG conformance suite

Rendered image

Elements	Attributes
a	xlink:href \|
animate	attributeName \| begin \| by \| dur \| fill \| from \| to \| values \|
desc	id \|
g	id \| style \| transform \| xml:space \|
line	style \| x1 \| x2 \| y1 \| y2 \|
path	d \| style \|
rect	height \| id \| style \| width \| x \| y \|
svg	height \| id \| width \|
text	style \| x \| xml:space \| y \|
title	id \|

Source

<svg id="svg-root" width="450" height="450" Surfns:xlink="http://www.w3.org/1999/xlink" Surfns="http://www.w3.org/2000/svg" >
     <title id="test-title">animation-values-BE-07</title>
     <desc id="test-desc">Test 'from', 'by', 'to' and 'values'</desc>
     <g id="test-body-content">
          <text style="font-family:Helvetica;font-size:14;text-anchor:middle;" x="225" y="25">Test 'from', 'by', 'to' and 'values'</text>
          <g xml:space="preserve" style="font-family:Helvetica;font-size:13.5;text-anchor:end;stroke-width:3;">
               <g transform="translate(75,60)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" from="100" to="10" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">from='100' to='10'</text>
               </g>
               <g transform="translate(185,60)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" from="100" by="-90" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">from='100' by='-90'</text>
               </g>
               <g transform="translate(295,60)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" by="-90" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">by='-90'</text>
               </g>
               <g transform="translate(405,60)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" to="10" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">to='10'</text>
               </g>
               <g transform="translate(75,220)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" values="100;10" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">values='100;10'</text>
               </g>
               <g transform="translate(185,220)">
                    <text x="-10" y="104">0-2 sec. </text>
                    <line x1="-10" y1="100" x2="20" y2="100" style="fill:none;stroke:#880000;"/>
                    <text x="-10" y="14">5+ sec. </text>
                    <line x1="-10" y1="10" x2="20" y2="10" style="fill:none;stroke:#880000;"/>
                    <rect x="0" y="0" width="20" height="100" style="fill:#FFAA44;stroke:#FF00FF;stroke-width:4;">
                         <animate attributeName="height" values="100;70;40;10" begin="2s" dur="3s" fill="freeze"/>
                    </rect>
                    <text x="-15" y="125" xml:space="default" style="text-anchor:middle;fill:red;font-size:12;">values='100;70;40;10'</text>
               </g>
          </g>
     </g>
     <g id="test-legend" style="fill:black;font-family:Helvetica;font-size:10;">
          <rect x="10" y="390" width="275" height="50" style="fill:none;stroke:#000000;"/>
          <path style="fill:none;stroke:#000000;" d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
          <text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
          <a xlink:href="copyright-documents-19990405.html">
               <text x="12" y="437" style="fill:blue;">Copyright 2000 W3C. All Rights Reserved.</text>
          </a>
          <text style="font-size:12;" x="35" y="420">animation-values-BE-07</text>
          <text style="font-size:10;" x="210" y="417">$Revision: 1.1 $</text>
          <text style="font-size:10;" x="210" y="435">Release 2.0</text>
          <rect id="test-frame" x="1" y="1" width="448" height="448" style="fill:none;stroke:#000000;"/>
     </g>
</svg>

visit Quiksilver Surf Camps and Surf School and book a surf lesson.

And for the girls you can visit this site Roxy Surf Camps and Surfing School to learn more about surfing and take a class as well.

If you want to see a good surf contest visit this site: Billabong Pro Pipeline Masters Surfing Contest 2007. You'll be glad you did.

Billabong Pro Pipe Pipeline Masters 2007 Surf Contest This website is one that you have to see at boardshort superstore quiksilver billabong swim suit hurley roxy quicksilver volcom

This is a must go surfing event: Eddie Would Go Aikau Big Wave Invitational 2007 Quiksilver Surf fans from around the world will be watching this event and buying the Eddie Would Go Surf Clothing.

Check out these online surf shop websites. I like the BOARDSHORTSUPERSTORE.COM website the best but there are others. There is also the BUYBOARDSHORTS.COM website that has a good selection as well. And if you want to see a great selection of shirts, BUYSURFTEES.COM is a good site and I think each one of the websites has a great selection.