You are viewing a plain text version of this content. The canonical link for it is here.
Posted to batik-dev@xmlgraphics.apache.org by de...@apache.org on 2002/04/04 05:29:57 UTC

cvs commit: xml-batik/samples/extensions gears.svg flowText.svg

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 bella.robinson@cmis.csiro.au                                   -->
  -<!-- @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: batik-dev-unsubscribe@xml.apache.org
For additional commands, e-mail: batik-dev-help@xml.apache.org