Fill with image

34 views
Skip to first unread message

Riaan Havenga

unread,
Oct 6, 2013, 2:32:36 PM10/6/13
to lib-g...@googlegroups.com
Hi Guys,
 
I am a newby to lib-gwt-svg, so I am like a blank canvas before you ;-)
 
I am trying to fill a SVG shape with a bitmap image as background. Now with normal SVG you can define the image as part of a pattern as follows:
 
<svg width="700" height="660">
  <defs>
       <pattern id="image" x="0" y="0" patternUnits="userSpaceOnUse" height="1" width="1">
                  <image x="0" y="0" xlink:href="url.png"></image>
        </pattern>  
   <defs>  
 <circle id='top' cx="180" cy="120" r="80" fill="url(#image)"/>
</svg>
 
 
Now how would you do the same thing for this library:
 

OMSVGCircleElement circle = doc.createSVGCircleElement(posiX,posiY, 100);

circle.getStyle().setSVGProperty(SVGConstants.CSS_FILL_PROPERTY,??????);

 

 

Thanks

 

 
 
 
 
 

Reply all
Reply to author
Forward
0 new messages