samedi 23 décembre 2017
Buyo Bouge
<svg width="300" height="400">
<defs>
<linearGradient y1="0" x1="0" y2="1" x2="0" id="blush">
<stop offset="0" stop-opacity="1" stop-color="#ffaaaa"/>
<stop offset="1" stop-opacity="0" stop-color="#ffaaaa"/>
</linearGradient>
</defs>
<rect x="0" y="0" width="300" height="400" fill="#a49577"/>
<text transform="scale(1.2 1)" x="5" y="20" style="font-family: Arial; font-size : 13;font-weight:bold" fill="#252426">Nihon Buyo</text>
<text transform="scale(1 1)" x="5" y="35" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">UCLA</text>
<text transform="scale(1 1)" x="5" y="45" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">Asian performing Arts</text>
<text transform="scale(1 1)" x="5" y="55" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">Institute 1951</text>
<text transform="scale(1 1)" x="5" y="70" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">Los Angeles</text>
<text transform="scale(1 1)" x="5" y="80" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">Washington DC.</text>
<text transform="scale(1 1)" x="5" y="90" style="font-family: Arial; font-size : 8;font-weight:bold" fill="#252426">New York</text>
<g id="danse">
<g id="buyo">
<rect x="100" y="0" width="100" height="100" fill="black"/>
<circle cx="240" cy="60" r="40" fill="#5492aa"/>
<rect x="0" y="100" width="100" height="100" fill="black"/>
<rect x="100" y="100" height="300" width="100" fill="white"/>
<rect x="100" y="100" height="50" width="100" fill="#9678B0"/>
<circle r="10" cx="110" cy="160" fill="red" />
<g transform="translate(2 10)">
<path d="M100,160 a1,1 0 0,0 20,0" fill="black" transform="rotate(210 110 160)"/>
</g>
<circle r="10" cx="190" cy="160" fill="red" />
<g transform="translate(77 10)">
<path d="M100,160 a1,1 0 0,0 20,0" fill="black" transform="rotate(150 110 160)"/>
</g>
<rect x="200" y="100" width="100" height="100" fill="black"/>
<rect x="100" y="175" width="100" height="50" fill="url(#blush)"/>
<path d="m0 200l100 0l0 100z" fill="#181712"/>
<path d="m200 200l100 0l-100 100z" fill="#181712"/>
<circle cx="150" cy="255" r="7" fill="#990012"/>
<circle cx="150" cy="260" r="10" fill="red"/>
<path d="m0 400l100 -100l0 100z" fill="royalblue"/>
<path d="m100 400l100 -100l0 100z" fill="green"/>
<rect width="100" height="100" fill="red" x="200" y="300"/>
<animateTransform attributeName="transform" type="translate" values="0 0;70 20;0 0;-70 20;0 0" begin="0s" dur="4s" repeatCount="indefinite"/>
</g>
<animateTransform attributeName="transform" type="scale" values="1 1;0.9 1;1 1;0.9 1;1 1" begin="0s" dur="4s" repeatCount="indefinite"/>
</g>
</svg>
-
Animation attribute (width, opacity, etc.) <animate attributeName="?" begin="0s" dur="6s" repeatCount...
-
Generate