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.

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

You can check out the test on an SVG enabled browser

Posted by Dion Almaer at 9:45 am
Comment here

3.5 rating from 14 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.