SVG Examples



Adobe SVG Viewer
* Adobe SVG Viewer Webからダウンロード
* Adobe SVG Viewer Web (us )からダウンロード

<魚をくねくね動かす> 


サンプル
		
<?xml version="1.0"?>
<svg>

  <path id = "p"  style = "fill:none" 
        d  = "M  10 200
              C  500 200  500 200   300 100
              C  10  10   100 200   200 100
              C  300 10   400 300   500 200 
             "/>

  <text id="test" style="font-family:Arial; font-size:40px; fill:#000000">
    <textPath  xlink:href="#p">

      >' ))))))))))))x<

       <animate attributeName="startOffset" attributeType="XML" 
                begin="0s" dur="3s" fill="freeze" from="100%" to="0%" />
     </textPath>
  </text>

</svg>

		


おまけ:
L(lineto)で動かす
ベジェ曲線サンプル

Toshirou Takahashi tato@fureai.or.jp