Element Angle
JXG.GeometryElement
↳ JXG.Curve
↳ Sector
↳ Angle
The angle element is used to denote an angle defined by three points. Visually it is just a Sector
element with a radius not defined by the parent elements but by an attribute radius. As opposed to the sector,
an angle has two angle points and no radius point.
Sector is displayed if type=="sector".
If type=="square", instead of a sector a parallelogram is displayed.
In case of type=="auto", a square is displayed if the angle is near orthogonal.
If no name is provided the angle label is automatically set to a lower greek letter.
Defined in: Sector.js.
Extends
Sector.
Constructor Attributes | Constructor Name and Description |
---|---|
Field Attributes | Field Name and Description |
---|---|
Indicates a right angle.
|
|
The point defining the radius of the angle element.
|
|
Helper point for angles of type 'square'.
|
|
Radius of the sector, displaying the angle.
|
|
The point defining the radius of the angle element.
|
Element Detail
Angle
-
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create
with type "angle".
- Possible parent array combinations are:
-
{JXG.Point} p1
{JXG.Point} p2
{JXG.Point} p1
- An angle is always drawn counterclockwise from p1 to p3 around p2.
- Throws:
- {Error}
- If the element cannot be constructed with the given parent objects an exception is thrown.
- Examples:
// Create an arc out of three free points var p1 = board.create('point', [5.0, 3.0]), p2 = board.create('point', [1.0, 0.5]), p3 = board.create('point', [1.5, 5.0]), a = board.create('angle', [p1, p2, p3]);
Field Detail
{JXG.Point}
dot
Indicates a right angle. Invisible by default, use dot.visible: true to show.
Though this dot indicates a right angle, it can be visible even if the angle is not a right
one.
{JXG.Point}
point
The point defining the radius of the angle element. Alias for Angle.prototype#radiuspoint.
{JXG.Point}
pointsquare
Helper point for angles of type 'square'.
{Number}
radius
Radius of the sector, displaying the angle.
Defined in: Options.js.
Defined in: Options.js.
{JXG.Point}
radiuspoint
The point defining the radius of the angle element.
Attributes borrowed from other Elements
- Attributes borrowed from class JXG.Curve:
- curveType, handDrawing
- Attributes borrowed from class JXG.GeometryElement:
- dash, draft, fillColor, fillOpacity, fixed, frozen, highlight, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, needsRegularUpdate, shadow, strokeColor, strokeOpacity, strokeWidth, trace, traceAttributes, visible, withLabel
Fields borrowed from other Elements
- Fields borrowed from class Sector:
- point1, point2, point3
- Fields borrowed from class JXG.Curve:
- numberPoints
- Fields borrowed from class JXG.GeometryElement:
- addEvent, ancestors, baseElement, board, childElements, descendants, dump, elementClass, elType, eventHandlers, getAttribute, hasLabel, highlighted, id, isDraggable, isReal, methodMap, mouseover, name, needsUpdate, notExistingParents, numTraces, quadraticform, removeEvent, stdform, subs, symbolic, traces, transformations, type, visProp
Methods borrowed from other Elements
- Methods borrowed from class Sector:
- hasPointSector, Radius
- Methods borrowed from class JXG.Curve:
- addTransform, allocatePoints, generateTerm, hasPoint, isDistOK, isSegmentOutside, maxX, minX, notifyParents, setPosition, update, updateCurve, updateDataArray, updateParametricCurve, updateParametricCurveNaive, updateRenderer, updateTransform, X, Y, Z
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, generatePolynomial, getAttributes, getLabelAnchor, getName, getParents, getProperty, getTextAnchor, getType, hideElement, labelColor, noHighlight, normalize, off, on, prepareUpdate, remove, resolveShortcuts, setArrow, setAttribute, setDash, setLabelText, setProperty, setStraight, showElement, triggerEventHandlers