Activate your free membership today | Log-in

Thursday, August 31st, 2006

Embedded SVG in Protowidget

Category: UI

Terry Laurenzo has posted on Embedded SVG from his experience starting with the SVG example from Mozilla, and adapting Protowidget so that it could attach widgets to some SVG elements.

PLAIN TEXT
XML:
  1.  
  2. <svg xmlns="http://www.w3.org/2000/svg"
  3.        version="1.1" width="500" height="500"
  4.        baseProfile="full">
  5.     <g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
  6.       <circle cx="6cm" cy="2cm" r="100" fill="red"
  7.                       transform="translate(0,50)"
  8.                       pw:type=’Svg.SvgWidget’
  9.                       pw:element.r=’#{`Jitter1`}’/>
  10.       <circle cx="6cm" cy="2cm" r="100" fill="blue"
  11.                       transform="translate(70,150)"
  12.                       pw:type=’Svg.SvgWidget’
  13.                       pw:element.r=’#{`Jitter2`}’/>
  14.       <circle cx="6cm" cy="2cm" r="100" fill="green"
  15.                       transform="translate(-70,150)"
  16.                       pw:type=’Svg.SvgWidget’
  17.                       pw:element.r=’#{`Jitter3`}’/>
  18.     </g>
  19. </svg>
  20.  

You can check out the test on an SVG enabled browser

Posted by Dion Almaer at 9:45 am

+++--
3.8 rating from 9 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.