SlickBoard | CSS/XML Timeline (new) | XML/SWF Charts | Timeline Eons

 < previousnext > 

 

Line

 

<line x1='number' 
      y1='number' 
      x2='number'  
      y2='number' 
      color='string' 
      thickness='number'
      alpha='number'
      type='string'
      caps='string'
      />


Description

Line draws a line with the following attributes:

  • x1: The horizontal position of the line's start point relative to the upper left corner of the background (0, 0). The default is zero.

  • y1: The vertical position of the line's start point relative to the upper left corner of the background (0, 0). The default is zero.

  • x2: The horizontal position of the line's end point relative to the upper left corner of the background (0, 0). The default is 100.

  • y2: The vertical position of the line's end point relative to the upper left corner of the background (0, 0). The default is 100.

  • color: The line's color. This is a string holding triple hexadecimal values representing the red, green, and blue components of a color. The default is "000000" (black).

  • thickness: The line's thickness. The default is 1 pixel.

  • alpha: The line's transparency value. Valid values range from 0 (fully transparent) to 1 (fully opaque). The default is 1.

  • type: The line's type. Valid values are solid, dotted, and dashed. The default is solid.

  • caps: The type of caps at the line ends. Valid values are none, round, and square. The default is none.

 

Example

<slickboard>

   <!-- draw a red, dashed line with round caps -->    
   <line x1='50' 
         y1='50' 
         x2='300'  
         y2='200' 
         color='ff3300' 
         thickness='20'
         type='dashed'
         caps='round'
         />
         
   <!-- draw a green line -->    
    <line x1='175' 
         y1='50' 
         x2='100'  
         y2='200' 
         color='88ff00' 
         alpha='.75'
         thickness='20'
         />
   
</slickboard>

 

 < previousnext > 


Copyright © 2010-2017, maani.us