#!/usr/bin/python
# -*- coding: iso-8859-1 -*-

from pysvg.pysvg import *
from pysvg.objecthelper import *
from pysvg.transformhelper import *
from pysvg.stylehelper import *
#actions not working
def createText(content, x,y, actions=None):
  t=text(content,x,y)
  return t

def createMainBorderAndTexts():
  oh=ObjectHelper()
  sh=StyleHelper()
  elements=[]
  r=oh.createRect("0", "0", "946", "626", strokewidth="2px", stroke="#00C", fill="#FFF")
  elements.append(r)
  sh.setFilling("#000")
  sh.setFontSize("24px")
  t=text("Objects and Effects in ...", 30, 40, style_dict=sh.getStyleDict())
  elements.append(t)
  sh=StyleHelper()
  sh.setFontSize("13px")
  t=text("[The red circle, explanation texts and textlinks WILL (but are not yet) connected to JavaScript.]", 360, 35, style_dict=sh.getStyleDict())
  elements.append(t)
  
  elements.append(createText("Rectangle",230,90))
  elements.append(createText("Circle",230,180))
  elements.append(createText("Ellipse",230,275))
  elements.append(createText("Polygon",100,350))
  elements.append(createText("Polyline",270,350))
  elements.append(createText("Line",270,470))
  elements.append(createText("Path",190,570))
  elements.append(createText("flowing Text",800,550))
  elements.append(createText("linear gradient",600,90))
  elements.append(createText("radial gradient",600,170))
  elements.append(createText("opacity",600,310))
  elements.append(createText("filter",600,440))
  elements.append(createText("animation",800,375))
  
  elements.append(createText("pattern",600,550))
  elements.append(createText("group + transformation",780,190))
  elements.append(createText("external Picture",800,310))
  elements.append(createText("Textlink",800,495))
  
  return elements
  """
  <!--### Hauptrahmen und Textinhalte ###-->

k  <rect x="0" y="0" width="946" height="626" style="fill: #FFF; stroke: #00C; stroke-width: 2px"/>
no-tspan with onmouse...  <text x="30" y="40" style="fill: #000; font-size: 24px">Objekte und Effekte in <tspan style="fill: #F00" onmouseover="InfoText('&lt;svg width=&quot;...&quot; height=&quot;...&quot;&gt;SVG-Dokument&lt;/svg&gt;','v')" onmouseout="InfoText('','h')">SVG</tspan></text>

k  <text x="360" y="35" style="fill: #000; font-size: 13px">[Der rote Kreis, die Erklärungstexte und die Textlinks sind mit JavaScript-Funktionen verknüpft.]</text>
nok  <a xlink:href="mailto:thomas@handmadecode.de"><text id="mail" class="klein" x="5" y="620" onmouseover="TextHover('mail','#F00','underline')" onmouseout="TextHover('mail','#00C','none')">&#169; by Dr. Thomas Meinike 2002</text></a>
nok  <text x="830" y="620" class="klein">TMs10kSVGDemo.svg</text>

nok  <text id="info" x="0" y="620" style="fill: #000; visibility: hidden">Text</text>
  <text x="230" y="90"  onmouseover="InfoText('&lt;rect x=&quot;...&quot; y=&quot;...&quot; width=&quot;...&quot; height=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Rechteck</text>

  <text x="230" y="180" onmouseover="InfoText('&lt;circle cx=&quot;...&quot; cy=&quot;...&quot; r=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Kreis</text>
  <text x="230" y="275" onmouseover="InfoText('&lt;ellipse cx=&quot;...&quot; cy=&quot;...&quot; rx=&quot;...&quot; ry=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Ellipse</text>
  <text x="100" y="350" onmouseover="InfoText('&lt;polygon points=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Polygon</text>
  <text x="270" y="350" onmouseover="InfoText('&lt;polyline points=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Polylinie</text>
  <text x="270" y="470" onmouseover="InfoText('&lt;line x1=&quot;...&quot; y1=&quot;...&quot; x2=&quot;...&quot; y2=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Linie</text>
  <text x="190" y="570" onmouseover="InfoText('&lt;path d=&quot;...&quot; style=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">Pfad</text>

  <text x="800" y="550" onmouseover="InfoText('&lt;text x=&quot;...&quot; y=&quot;...&quot; style=&quot;...&quot;&gt;...&lt;/text&gt;','v')" onmouseout="InfoText('','h')">normaler Fließtext</text>
  <text x="600" y="90"  onmouseover="InfoText('&lt;linearGradient&gt;&lt;stop offset=&quot;...&quot; style=&quot;...&quot;/&gt;&lt;/linearGradient&gt;','v')" onmouseout="InfoText('','h')">linearer Gradient</text>
  <text x="600" y="170" onmouseover="InfoText('&lt;radialGradient&gt;&lt;stop offset=&quot;...&quot; style=&quot;...&quot;/&gt;&lt;/radialGradient&gt;','v')" onmouseout="InfoText('','h')">radialer Gradient</text>
  <text x="600" y="310" onmouseover="InfoText('style=&quot;fill-opacity: ...; stroke-opacity: ...&quot;','v')" onmouseout="InfoText('','h')">Opazität (Durchlässigkeit)</text>
  <text x="600" y="440" onmouseover="InfoText('&lt;filter&gt;&lt;feFiltername ... /&gt;&lt;/filter&gt;','v')" onmouseout="InfoText('','h')">Spezialfilter</text>
  <text x="800" y="375" onmouseover="InfoText('&lt;objekt ...&gt;&lt;animate ... /&gt;&lt;/objekt&gt;','v')" onmouseout="InfoText('','h')">Animation</text>

  <text x="600" y="550" onmouseover="InfoText('&lt;pattern&gt;&lt;fuellobjekt ... style=&quot;...&quot;/&gt;&lt;/pattern&gt;','v')" onmouseout="InfoText('','h')">Muster</text>
  <text x="780" y="190" onmouseover="InfoText('&lt;g transform=&quot;rotate(...)&quot;&gt;&lt;objekt ... /&gt;...&lt;/g&gt;','v')" onmouseout="InfoText('','h')">Gruppe+Transformation</text>
  <text x="800" y="310" onmouseover="InfoText('&lt;image xlink:href=&quot;...&quot; x=&quot;...&quot; y=&quot;...&quot; width=&quot;...&quot; height=&quot;...&quot;/&gt;','v')" onmouseout="InfoText('','h')">externes Bild</text>
  <text x="800" y="495" onmouseover="InfoText('&lt;a xlink:href=&quot;...&quot;&gt;&lt;text x=&quot;...&quot; y=&quot;...&quot; style=&quot;...&quot;&gt;...&lt;/text&gt;&lt;/a&gt;','v')" onmouseout="InfoText('','h')">Textlink</text>
  """
def createShapes():
  oh=ObjectHelper()
  sh=StyleHelper()
  elements=[]
  #rectangles
  r=oh.createRect(30, 70, 80, 30, strokewidth='0',fill='#090')
  elements.append(r)
  r=oh.createRect(120, 70, 80, 30, strokewidth='2px', stroke='#00C', fill='#FFC')
  elements.append(r)
  
  #circles
  c=oh.createCircle(60, 170, 30, strokewidth='0',fill='#F00')
  #<circle id="kreis1" cx="60" cy="170" r="30" style="fill: #F00" onmouseover="FillHover('kreis1','#FF0','#00C','5px')" onmouseout="FillHover('kreis1','#F00','none','0px')"/>
  elements.append(c)
  c=oh.createCircle(150, 170, 30, strokewidth='2px', stroke='#000', fill='#FF0')
  elements.append(c)
 
  #ellipse
  e=oh.createEllipse(60, 270, 30, 15, strokewidth='0',fill='#F00')
  #<circle id="kreis1" cx="60" cy="170" r="30" style="fill: #F00" onmouseover="FillHover('kreis1','#FF0','#00C','5px')" onmouseout="FillHover('kreis1','#F00','none','0px')"/>
  elements.append(e)
  e=oh.createEllipse(150, 270, 30, 15, strokewidth='2px', stroke='#000', fill='#CCC')
  elements.append(e)
  
  #polygon
  p=oh.createPolygon('60,370, 70,360, 80,400, 50,440, 40,330', strokewidth='2px', stroke='#000', fill='#FFF')
  elements.append(p)

  #line
  l=oh.createLine(60,470,180,470, strokewidth='2px', stroke='#00C')
  elements.append(l)
  l=oh.createLine(200,470,260,400, strokewidth='2px', stroke='#F00')
  elements.append(l)
  
  #polyline
  p=oh.createPolyline('250,325 200,345 250,365', strokewidth='2px', stroke='#090')
  elements.append(p)

  #opacity
  sh=StyleHelper()
  sh.setFilling('#00C')
  sh.setFillOpacity(0.5)
  c=circle(450, 290, 50, style_dict=sh.getStyleDict())
  elements.append(c)
  sh=StyleHelper()
  sh.setFilling('#00C')
  sh.setFillOpacity(0.2)
  sh.setStroke('#00C')
  sh.setStrokeOpacity(0.3)
  c=circle(475, 325, 50, style_dict=sh.getStyleDict())
  elements.append(c)
  
  #group + transform
  th=TransformHelper()
  th.setRotation('-30')
  g=Group(transform_dict=th.getTransformDict())
  r=oh.createRect(620, 500, width='100', height='50', rx=10, ry=10, stroke='#F00',strokewidth='2px',fill='none')
  g.addElement(r)
  
  sh=StyleHelper()
  sh.setFilling('none')
  sh.setFontSize('36px')
  sh.setStrokeWidth('1px')
  sh.setStroke('#00C')
  t=text('Text',635, 537,style_dict=sh.getStyleDict())
  g.addElement(t)
  elements.append(g)
  
  
  return elements
  """
  
  <!-- Pfade -->
  <path d="M 40,530 L 100,560 L 60,520 Z" style="fill: #EEE; stroke: #00F; stroke-width: 2px"/>
  <path d="M 190,520 c +0,+0,+30,+30,-60,+30 z" style="fill: #FFC; stroke: #00F; stroke-width: 2px"/>
  <path d="M 230,530 q -0,+30,+30,+0 q +30,-30,+30,0 q -0,+30,+30,+0 q +30,-20,+30,+0" style="fill: none; stroke: #00F; stroke-width: 2px"/>
 
  <!-- Gradienten -->
  <rect x="400" y="70" width="180" height="30" style="fill: url(#lingra1)"/>
  <circle cx="450" cy="170" r="50" style="fill: url(#radgra1)"/>

  <!-- Filter -->

  <circle cx="450" cy="440" r="50" style="fill: #090; filter: url(#filter1)"/>

  <!-- Muster -->
  <rect x="400" y="520" width="150" height="50" style="fill: url(#muster1)"/>
  

  <!-- Animation -->
  <rect x="600" y="360" width="0" height="20" style="fill: #F00; fill-opacity: 0.6">
    <animate attributeType="XML" attributeName="width" begin="0s" dur="10s" fill="freeze" from="0" to="180"/>
  </rect>

  <!-- externes Bild -->
  <image x="800" y="250" xlink:href="bilder/adobesvg.gif" width="88" height="31"/> 

  <!-- Textlink -->
  <a xlink:href="http://www.datenverdrahten.de" target="_top"><text id="textlink" x="600" y="495" style="fill: #F00" onmouseover="TextHover('textlink','#00C','underline')" onmouseout="TextHover('textlink','#F00','none')">http://www.datenverdrahten.de</text></a>
  """
def main():
  svg=SVG("Main Test Screen", "Showing all main features that work as example", height="100%", width="100%", viewBox="0 0 950 630")
  for element in createMainBorderAndTexts():
    svg.addElement(element)
  for element in createShapes():
    svg.addElement(element)
  print svg.getXML()
  svg.saveSVG('c:\\test.svg')
if __name__ == '__main__': 
  main()