interactive circle

0

作品を見る
http://etext-music.com/works/svg/Art_1a.html

・円をクリックすると色を赤に変更できます。好きな場所の円の色を変更して楽しめます。
・全画面モード(F11)がおすすめ。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920px" height="1080px" style="background:black">
<a xlink:href="#6040">
<circle cx="60" cy="40" r="30">
<animate attributeType="XML" attributeName="fill" dur="29s" repeatCount="indefinite" values="blue; black; blue" />
<animate id="6040" attributeType="XML" attributeName="fill" dur="29s" repeatCount="indefinite" values="red; black; red" begin="none" />
</circle>
</a>

・・・・・・・・

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1920px" height="1080px" style="background:black">
<a xlink:href="#6040">
<circle cx="60" cy="40" r="30">
<animate attributeType="XML" attributeName="fill" dur="29s" repeatCount="indefinite" values="blue; black; blue" />
<animate id="6040" attributeType="XML" attributeName="fill" dur="29s" repeatCount="indefinite" values="red; black; red" begin="none" />
</circle>
</a>

Default