Activate your free membership today | Log-in

Thursday, August 31st, 2006

Embedded SVG in Protowidget

Category: UI

<p>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.

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

Related Content:

  • SVG
    W3c vector graphics image file...
  • View SVG in XML docs
    Ways that you can interact with scaled vector graphic images in XML...
  • How to create a dynamic SVG graph using a Lotus Notes agent
    Scalable Vector Graphic (SVG) is a language for describing two-dimensional graphics and graphical applications in XML. In this tip, SearchDomino.com...
  • Scalable Vector Graphics (SVG)
    Scalable Vector Graphics (SVG) is the description of an image as an application of the Extensible Markup Language...
  • SVG
    Scalable Vector Graphics (SVG) is the description of an image as an application of the Extensible Markup Language...

Posted by Dion Almaer at 9:45 am
Comment here

+++--
3.8 rating from 9 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.