polygon draws a polygon by connecting multiple points. Any number of points can be nested inside the polygon tag.
The polygon's attributes are:
fill_color: The color inside the polygon. 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 polygon. 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
The point's attributes are:
x: The horizontal position of the point relative to the upper-left corner of the canvas (0, 0). The default is zero
y: The vertical position of the point relative to the upper-left corner of the canvas (0, 0). The default is zero
Example
<gauge>
<!-- draw a red star with a green outline -->
<polygon fill_color='ff4400' fill_alpha='100' line_color='44ff00' line_thickness='5'>
<point x='200' y='25' />
<point x='222' y='94' />
<point x='295' y='94' />
<point x='236' y='136' />
<point x='258' y='205' />
<point x='200' y='163' />
<point x='141' y='205' />
<point x='163' y='136' />
<point x='104' y='94' />
<point x='177' y='94' />
</polygon>
<!-- draw a triangle with just a white outline -->
<polygon fill_alpha='0' line_color='ffffff' line_alpha='75' line_thickness='10'>
<point x='50' y='25' />
<point x='100' y='225' />
<point x='250' y='50' />
</polygon>
</gauge>
|