Changes

Jump to: navigation, search

Canvas 3D - Line Tag

76 bytes removed, 13:49, 10 March 2007
Tag Attributes
== Introduction ==
The Line is one of the basic primitives that can be created on the fly. The Line is a 2D face that can be displayed in a 3D world. The Line Tag encompasses the various attributes that are associated with a Line, such as a start position and an end position. In addition, the Line can be textured with a predefined image from a specific location.
== Tag Attributes ==
* name
** '''Usage:''' <line name="myline" />.
** The ''name'' attribute is optional. If omited, the name is not used and thus cannot be retrieved within JavaScript.
** The Line is given an Identifier so that It can be retrieved and modified within JavaScript.
** The name is a only accepts a string of Alpha-numeric characters.
* start
** '''Usage:''' <line start="20.0, 200.0" />.
** The ''start'' attribute determines the start position of a line
** The ''start'' attribute is optional. If omited, the start position defaults to the Origin location at {0.0, 0.0}.** The ''start'' attribute holds a set of two floating point numbers separated by commas that are associated with the distance away from the Origin Point on the X and Y axis.
* end
** '''Usage:''' <line end="50.0, 200.0" />.** The ''end'' attribute determines the end position of a line. A line is then drawn from its start position to its end position.** ''This attribute cannot be omitted.''* fillcolor** '''Usage:''' <line fillcolor="#00FF00" />.** The ''endfillcolor'' attribute sets a specific color that will be painted inside the line.** This value, if omitted, will default to black (#000000).* bordercolor** '''Usage:''' <line bordercolor="#FF00FF" />.** The ''bordercolor'' attribute holds sets a set specific color of two floating point numbers separated by commas that are associated with the distance away from border.** If omitted, the Origin Point on line will be drawn borderless.*linecap**'''Usage:''' <line linecap="round" />** The lineCap property determines how the X end points of every line are drawn. There are three possible values for this property and those are: butt, round and Y axissquare.**By default this property is set to butt.[[Image:Canvas_linecap.png]]
== Syntax ==
<pre>
<canvas>
<line name="myline" start="10.0, 200.0220" end="350.0, 200.0100" fillcolor="#000" linecap="butt" />
</canvas>
</pre>
1
edit

Navigation menu