next >

circle

<circle x='float' 
        y='float' 
        radius='float'  
        start='float'  
        end='float'  
        fill_color='string' 
        fill_alpha='int' 
        line_color='string' 
        line_alpha='int'
        line_thickness='int'
        />
              

Description

circle draws a circle or a slice of pie.

• x: The horizontal position of the circle's center relative to the upper left corner of the canvas (0, 0). The default is zero
  
  
• y: The vertical position of the circle's center relative to the upper left corner of the canvas (0, 0). The default is zero
  
  
• radius: The circle's radius. The default is 100
  
  
• start: To draw a complete circle, omit this. To draw a slice of pie instead, this determines the starting angle of the slice. A slice is rendered clockwise from the start to the end angle. Angle zero is at the 12 o'clock position. A full circle is 360 degrees. You may use values below 0 and over 360, but the end value must be larger then the start value. The default is 0
  
  
• end: To draw a complete circle, omit this. To draw a slice of pie instead, this determines the ending angle of the slice. A slice is rendered clockwise from the start to the end angle. Angle zero is at the 12 o'clock position. A full circle is 360 degrees. You may use values below 0 and over 360, but the end value must be larger then the start value. The default is 0
  
  
• fill_color: The color inside the circle. This must be a string holding triple hexadecimal values representing the red, green, and blue components for a color. The default is "000000" (black)
  
  
• fill_alpha: The transparency value inside the circle. Valid values are 0 (fully transparent) to 100 (fully opaque). The default is 100
  
  
• line_color: The border's color. This must be a string holding triple hexadecimal values representing the red, green, and blue components for a color. The default is "000000" (black)
  
  
• line_alpha: The border's transparency value. Valid values are 0 (fully transparent) to 100 (fully opaque). The default is 100
  
  
• line_thickness: The border's thickness. The default is 0 pixels
  
  

Example

<gauge>
	
   <!-- draw a red circle with a green outline -->	
   <circle x='125' 
           y='125' 
           radius='75'    
           fill_color='ff0000' 
           fill_alpha='100' 
           line_color='00ff00' 
           line_alpha='50'
           line_thickness='10'
           />
  
   <!-- draw a circle with just a white outline -->	
   <circle x='175' 
           y='75' 
           radius='50'    
           fill_alpha='0' 
           line_color='ffffff' 
           line_alpha='90'
           line_thickness='5'
           />
           
   <!-- draw a blue slice of pie -->	
   <circle x='250' 
           y='100' 
           radius='100' 
           start='45'
           end='90'   
           fill_color='0000ff' 
           fill_alpha='90' 
           line_thickness='0'
           />
          
   <!-- draw a green slice of pie, then mask part of it to create an arc-->	
   <circle x='250' 
           y='225' 
           radius='100' 
           start='0'
           end='90'   
           fill_color='88ff00' 
           fill_alpha='90' 
           line_thickness='0'
           />
    
   <circle x='250' 
           y='225' 
           radius='85' 
           start='0'
           end='90'   
           fill_color='666666' 
           fill_alpha='100' 
           line_thickness='0'
           />

</gauge>

next >