Difference between revisions of "Line"
Jump to navigation
Jump to search
(Created page with "{{UI Object Header}} A line. == Parameters == *'''id''': the object's ID, used by UISets *'''startpoint''': the line's first point. Coordinates are relative to the interface....") |
|||
(One intermediate revision by the same user not shown) | |||
Line 15: | Line 15: | ||
== UI Attributes == | == UI Attributes == | ||
− | { | + | |
+ | === Common attributes === | ||
+ | {| class="wikitable" | ||
+ | !Name | ||
+ | !Value | ||
+ | !Description | ||
+ | |- | ||
+ | |||
+ | |rowspan="2"|visible | ||
+ | |true | ||
+ | |Default. Show the object | ||
+ | |- | ||
+ | |false | ||
+ | |Hide the object | ||
+ | |- | ||
+ | |||
+ | |rowspan="3"|blink | ||
+ | |true <nowiki>|</nowiki> slow | ||
+ | |Blink the object at a slow speed | ||
+ | |- | ||
+ | |fast | ||
+ | |Blink the object at a fast speed | ||
+ | |- | ||
+ | |false | ||
+ | |Stop the blinking | ||
+ | |- | ||
+ | |||
+ | |opacity | ||
+ | |0.0 ... 1.0 | ||
+ | |Object opacity from 0 (not visible) to 1 (fully visible) | ||
+ | |- | ||
+ | |||
+ | |rotation | ||
+ | |0 ... 360 | ||
+ | |Object rotation in degrees. By default a line object is rotated around the center point | ||
+ | |- | ||
+ | |||
+ | |rowspan="3"|rotationorigin | ||
+ | |start | ||
+ | |Rotate the line around its first point | ||
+ | |- | ||
+ | |end | ||
+ | |Rotate the line around its second point | ||
+ | |- | ||
+ | |<x-axis> <y-axis> | ||
+ | |Rotate the line around a specific axis. | ||
+ | Possible values for '''x-axis''': | ||
+ | *left | ||
+ | *center | ||
+ | *right | ||
+ | *length in pixels (e.g. 20px) | ||
+ | *% (e.g. 2%) | ||
+ | |||
+ | |||
+ | Possible values for '''y-axis''': | ||
+ | *top | ||
+ | *center | ||
+ | *bottom | ||
+ | *length in pixels (e.g. 20px) | ||
+ | *% (e.g. 2%) | ||
+ | |- | ||
+ | |||
+ | |} | ||
+ | |||
=== Line attributes === | === Line attributes === | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 52: | Line 115: | ||
|Use a "square" shape at both ends of the line | |Use a "square" shape at both ends of the line | ||
|- | |- | ||
+ | |} |
Latest revision as of 17:03, 6 March 2017
A line.
Parameters
- id: the object's ID, used by UISets
- startpoint: the line's first point. Coordinates are relative to the interface. Use the pixel coordinates format (x<x>y<y>)
- endpoint: the line's second point. Coordinates are relative to the interface. Use the pixel coordinates format (x<x>y<y>)
- strokecolor: CSS color of the stroke (e.g. #ff0000, "red" or rgb(255,0,0))
- strokewidth: the width of the stroke in pixels
- cap: the shape to be used at both ends of the line
- dash: a list of comma and/or white space separated <length>s and <percentage>s that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, 5,3,2 is equivalent to 5,3,2,5,3,2.
Syntax
(line[!<id>] <startpoint>; <endpoint>; <strokecolor>; <strokewidth>; <cap>; <dash>)
UI Attributes
Common attributes
Name | Value | Description |
---|---|---|
visible | true | Default. Show the object |
false | Hide the object | |
blink | true | slow | Blink the object at a slow speed |
fast | Blink the object at a fast speed | |
false | Stop the blinking | |
opacity | 0.0 ... 1.0 | Object opacity from 0 (not visible) to 1 (fully visible) |
rotation | 0 ... 360 | Object rotation in degrees. By default a line object is rotated around the center point |
rotationorigin | start | Rotate the line around its first point |
end | Rotate the line around its second point | |
<x-axis> <y-axis> | Rotate the line around a specific axis.
Possible values for x-axis:
|
Line attributes
Name | Value | Description |
---|---|---|
startpoint | x<x>y<y> | The line's first point specified as x/y coordinates. Coordinates are relative to the interface.. E.g. x5y10 |
endpoint | x<x>y<y> | The line's first point specified as x/y coordinates. Coordinates are relative to the interface.. E.g. x55y70 |
strokecolor | <CSS color> | CSS color of the stroke (e.g. #ff0000, "red" or rgb(255,0,0)) |
strokewidth | <width> | Width of the stroke in pixels |
cap | butt | Use a "butt" shape at both ends of the line |
round | Use a "round" shape at both ends of the line | |
square | Use a "square" shape at both ends of the line |