JavaScript++かも日記

魚AAをくねくね動かす

今日はアクセスログを見ていたら、結構古いリンクからこのページへお越しいただいている方もかなりいて、なにげなくたどってみたら懐かしかったので、「SVG」のカテゴリーを起こしつつ、忘備ログします。 SVGのサンプルで文字列をくねくね動かす、というものです。 http://game.gr.jp/xul/tips0101/

<?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>

投稿者 tato : 2004年06月18日 21:15 | トラックバック