deweese     02/04/03 19:29:57

  Modified:    samples/extensions flowText.svg
  Added:       samples/extensions gears.svg
  Log:
  1) Fixed visible title in flowText, moved namespace decl.
  2) Added cool animated gears example.
  
  Revision  Changes    Path
  1.3       +5 -5      xml-batik/samples/extensions/flowText.svg
  
  Index: flowText.svg
  ===================================================================
  RCS file: /home/cvs/xml-batik/samples/extensions/flowText.svg,v
  retrieving revision 1.2
  retrieving revision 1.3
  diff -u -r1.2 -r1.3
  --- flowText.svg      3 Apr 2002 04:58:21 -0000       1.2
  +++ flowText.svg      4 Apr 2002 03:29:57 -0000       1.3
  @@ -14,7 +14,7 @@
   <!-- Tests various text on a path                                           -->
   <!--                                                                        -->
   <!-- @author [EMAIL PROTECTED]                                   -->
  -<!-- @version $Id: flowText.svg,v 1.2 2002/04/03 04:58:21 deweese Exp $   -->
  +<!-- @version $Id: flowText.svg,v 1.3 2002/04/04 03:29:57 deweese Exp $   -->
   <!-- ====================================================================== -->
   
   <?xml-stylesheet type="text/css" href="extension.css" ?>
  @@ -22,9 +22,9 @@
   <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; 
id="body" width="450" height="500" viewBox="0 0 450 500">
   <title>Test of Text wrapping stuff.</title>
   
  -   <g id="content" xmlns:batik="http://xml.apache.org/batik/ext";>
  +   <g id="content" >
   
  -      <text class="title" x="50%" y="40">Long text on a path test for 
selection</text>
  +      <text class="title" x="50%" y="40">Test of Text wrapping stuff</text>
            <!-- Space after size 40 'that' is aci 45 -->
         <rect x="17"  y="80" width="200" height="400" fill="rgb(220,220,255)"/>
         <rect x="233" y="80" width="200" height="400" fill="rgb(220,220,255)"/>
  @@ -34,8 +34,8 @@
         <line x1="243" y1="70" x2="243" y2="490" stroke="grey" fill="none"/>
         <line x1="423" y1="70" x2="423" y2="490" stroke="grey" fill="none"/>
   
  -      <batik:flowText font-size="20" style="text-anchor:start"
  -                xml:space="preserve">
  +      <batik:flowText xmlns:batik="http://xml.apache.org/batik/ext";
  +             font-size="20" xml:space="preserve">
            <batik:flowRegion>
            <batik:rect x="17"  y="80" width="200" height="400"/>
            <batik:rect x="233" y="80" width="200" height="400"/>
  
  
  
  1.1                  xml-batik/samples/extensions/gears.svg
  
  Index: gears.svg
  ===================================================================
  <?xml version="1.0" standalone="no"?>
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";>
  
  <?xml-stylesheet type="text/css" href="extension.css" ?>
  
  <svg id="body" width="450" height="500" viewBox="0 0 450 500"
       xmlns="http://www.w3.org/2000/svg"; 
       xmlns:xlink="http://www.w3.org/1999/xlink";
       xmlns:batik="http://xml.apache.org/batik/ext";>
  
     <script type="text/ecmascript">
        <![CDATA[
          var  g1 = document.getElementById("g1");
          var  g2 = document.getElementById("g2");
          var  g3 = document.getElementById("g3");
          var  g4 = document.getElementById("g4");
        var  rot = 0;
          function rotate() {
          rot += 2;
          if (rot > 720) rot-=720;
          g1.setAttributeNS(null, "transform", "rotate("+(rot*1)+")");
          g2.setAttributeNS(null, "transform", "rotate("+(-rot/2)+")");
          g3.setAttributeNS(null, "transform", "rotate("+(-rot*2)+")");
          g4.setAttributeNS(null, "transform", "rotate("+rot/2+")");
          setTimeout("rotate()", 30);
        }
        ]]>
     </script>
  
     <title>Animated Stars</title>
     <g id="body" onload="rotate()" >
        <text class="title" x="50%" y="40">Animation on a Custom Element</text>
        <g transform="translate(40, 100)">
                 <g transform="translate(100, 100)" >
                    <batik:star id="g1" fill="crimson" r="50" ir="40" sides="24"/>
                 </g>
                 <g transform="translate(230, 100), rotate(3.75)">
                    <g id="g2">
                       <batik:star fill="gold" r="90" ir="80" sides="48"/>
                       <batik:star fill="crimson" r="50" ir="40" sides="24"/>
               <text fill="gold" text-anchor="middle">Batik Rules!</text>
            </g>
                 </g>
                 <g transform="translate(100, 165), rotate(15)">
                    <batik:star id="g3" fill="gold" r="25" ir="15" sides="12"/>
                 </g>
                 <g transform="translate(230, 190) rotate(3.75)">
                    <batik:star id="g4" fill="green" r="50" ir="40" sides="24"/>
                 </g>
        </g>
     </g>
  
      <!-- ============================================================= -->
      <!-- Batik sample mark                                             -->
      <!-- ============================================================= -->
      <use xlink:href="../batikLogo.svg#Batik_Tag_Box" />
  </svg>
  
  

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to