JavaScript must be enabled in order for you to use JSXGraph and JSXGraph reference. However, it seems JavaScript is either disabled or not supported by your browser.

Class Index | File Index

Elements

Classes


Class Arc

JXG.GeometryElement
   ↳ JXG.Curve
      ↳ Curve
            ↳ Arc

An arc is a segment of the circumference of a circle. It is defined by a center, one point that defines the radius, and a third point that defines the angle of the arc.

Defined in: arc.js.
Extends Curve.

Class Summary
Constructor Attributes Constructor Name and Description
 
Arc(p1,p2,p3)
Fields borrowed from class Curve:
curveType, doAdvancedPlot, doAdvancedPlotOld, firstArrow, handDrawing, lastArrow, numberPointsHigh, numberPointsLow, plotVersion, RDPsmoothing, recursionDepthHigh, recursionDepthLow
Fields borrowed from class JXG.Curve:
dataX, dataY, numberPoints, qdt, ticks
Fields borrowed from class JXG.GeometryElement:
_org_type, _pos, ancestors, baseElement, board, childElements, dash, descendants, draft, dragToTopOfLayer, dump, elementClass, elType, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, hasLabel, highlight, highlighted, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, id, inherits, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsRegularUpdate, needsUpdate, notExistingParents, numTraces, parents, precision, quadraticform, rendNode, scalable, shadow, snapToGrid, stdform, strokeColor, strokeOpacity, strokeWidth, subs, symbolic, tabindex, trace, traceAttributes, traces, transformations, transitionDuration, type, visible, visProp, visPropCalc, withLabel
Field Summary
Field Attributes Field Name and Description
 
Attributes for angle point.
 
The point defining the arc's angle.
 
Attributes for center point.
 
If true, moving the mouse over inner points triggers hasPoint.
 
Attributes for radius point.
 
Point defining the arc's radius.
 
Type of arc.
Fields borrowed from class Curve:
curveType, doAdvancedPlot, doAdvancedPlotOld, firstArrow, handDrawing, lastArrow, numberPointsHigh, numberPointsLow, plotVersion, RDPsmoothing, recursionDepthHigh, recursionDepthLow
Fields borrowed from class JXG.Curve:
dataX, dataY, numberPoints, qdt, ticks
Fields borrowed from class JXG.GeometryElement:
_org_type, _pos, ancestors, baseElement, board, childElements, dash, descendants, draft, dragToTopOfLayer, dump, elementClass, elType, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, hasLabel, highlight, highlighted, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, id, inherits, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsRegularUpdate, needsUpdate, notExistingParents, numTraces, parents, precision, quadraticform, rendNode, scalable, shadow, snapToGrid, stdform, strokeColor, strokeOpacity, strokeWidth, subs, symbolic, tabindex, trace, traceAttributes, traces, transformations, transitionDuration, type, visible, visProp, visPropCalc, withLabel
Method Summary
Method Attributes Method Name and Description
<deprecated>  
 
Checks whether (x,y) is within the sector defined by the arc.
 
Determines the arc's current radius.
 
Returns the length of the arc.
Methods borrowed from class JXG.Curve:
addTransform, allocatePoints, generateTerm, getTransformationSource, hasPoint, interpolationFunctionFromArray, maxX, minX, moveTo, notifyParents, update, updateCurve, updateDataArray, updateRenderer, updateTransform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addRotation, addTicks, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, labelColor, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility
Events borrowed from class JXG.GeometryElement:
attribute, attribute:key, down, drag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up
Class Detail
Arc(p1,p2,p3)
Parameters:
{JXG.Point_JXG.Point_JXG.Point} p1,p2,p3
The result will be an arc of a circle around p1 through p2. The arc is drawn counter-clockwise from p2 to p3.


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', [2.0, 2.0]);
var p2 = board.create('point', [1.0, 0.5]);
var p3 = board.create('point', [3.5, 1.0]);

var a = board.create('arc', [p1, p2, p3]);
board.create('text',[1,6,function(){return 'arclength: '+Math.round(a.Value()*100)/100}])

				
				
var t = board.create('transform', [2, 1.5], {type: 'scale'});
var a1 = board.create('arc', [[1, 1], [0, 1], [1, 0]], {strokeColor: 'red'});
var a2 = board.create('curve', [a1, t], {strokeColor: 'red'});


				
                
Field Detail
{Point} anglePoint
Attributes for angle point.
Defined in: options.js.

{JXG.Point} anglepoint
The point defining the arc's angle.

{Point} center
Attributes for center point.
Defined in: options.js.

{Boolean} hasInnerPoints
If true, moving the mouse over inner points triggers hasPoint.
Defined in: options.js.
See:
JXG.GeometryElement#hasPoint
Default Value:
false

{Point} radiusPoint
Attributes for radius point.
Defined in: options.js.

{JXG.Point} radiuspoint
Point defining the arc's radius.

{String} selection
Type of arc. Possible values are 'minor', 'major', and 'auto'.
Defined in: options.js.
Default Value:
'auto'
Method Detail
{Number} getRadius()
Deprecated:
Use Arc#Radius
Returns:
{Number}

{Boolean} hasPointSector(x, y)
Checks whether (x,y) is within the sector defined by the arc.
Parameters:
{Number} x
Coordinate in x direction, screen coordinates.
{Number} y
Coordinate in y direction, screen coordinates.
Returns:
{Boolean} True if (x,y) is within the sector defined by the arc, False otherwise.

{Number} Radius()
Determines the arc's current radius. I.e. the distance between Arc#center and Arc#radiuspoint.
Returns:
{Number} The arc's radius

{Number} Value()
Returns the length of the arc.
Returns:
{Number} The arc length