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

Element Circle

JXG.GeometryElement
   ↳ JXG.Circle
         ↳ Circle

This element is used to provide a constructor for a circle.

Defined in: circle.js.
Extends JXG.Circle.

Element Summary
Constructor Attributes Constructor Name and Description
 
A circle consists of all points with a given distance from one point.
Attributes Summary
Field Attributes Field Name and Description
 
Attributes for center point.
 
If true, moving the mouse over inner points triggers hasPoint.
 
Attributes for circle label.
 
Attributes for center point.
 
Attributes for center point.
Methods borrowed from class JXG.Circle:
addTransform, Area, bounds, Diameter, generateRadiusSquared, getParents, getRadius, hasPoint, maxX, minX, notifyParents, Perimeter, Radius, setRadius, update, updateQuadraticform, updateRenderer, updateStdform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, animate, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale
Events borrowed from class JXG.GeometryElement:
attribute, attribute:key, down, drag, keydrag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up
Element Detail
Circle
A circle consists of all points with a given distance from one point. This point is called center, the distance is called radius. A circle can be constructed by providing a center and a point on the circle or a center and a radius (given as a number, function, line, or circle). If the radius is a negative value, its absolute values is taken.
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create with type "circle".

Possible parent array combinations are:
{JXG.Point} center
{number|JXG.Point|JXG.Line|JXG.Circle} radius

The center must be given as a JXG.Point, see JXG.providePoints, but the radius can be given as a number (which will create a circle with a fixed radius), another JXG.Point, a JXG.Line (the distance of start and end point of the line will determine the radius), or another JXG.Circle.

If the radius is supplied as number or output of a function, its absolute value is taken.



Throws:
{Exception}
If the element cannot be constructed with the given parent objects an exception is thrown.
Examples:
// Create a circle providing two points
var p1 = board.create('point', [2.0, 2.0]),
    p2 = board.create('point', [2.0, 0.0]),
    c1 = board.create('circle', [p1, p2]);

// Create another circle using the above circle
var p3 = board.create('point', [3.0, 2.0]),
    c2 = board.create('circle', [p3, c1]);

				
				
// Create a circle providing two points
var p1 = board.create('point', [2.0, 2.0]),
    c1 = board.create('circle', [p1, 3]);

// Create another circle using the above circle
var c2 = board.create('circle', [function() { return [p1.X(), p1.Y() + 1];}, function() { return c1.Radius(); }]);

				
				
var li = board.create('line', [1,1,1], {strokeColor: '#aaaaaa'});
var reflect = board.create('transform', [li], {type: 'reflect'});

var c1 = board.create('circle', [[-2,-2], [-2, -1]], {center: {visible:true}});
var c2 = board.create('circle', [c1, reflect]);
     * 

				
				
var t = board.create('transform', [2, 1.5], {type: 'scale'});
var c1 = board.create('circle', [[1.3, 1.3], [0, 1.3]], {strokeColor: 'black', center: {visible:true}});
var c2 = board.create('circle', [c1, t], {strokeColor: 'black'});


				
                
Attribute Detail
{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

{Label} label
Attributes for circle label.
Defined in: options.js.

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

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

Attributes borrowed from other Elements
Attributes borrowed from class JXG.GeometryElement:
dash, dashScale, draft, dragToTopOfLayer, fillColor, fillOpacity, fixed, frozen, gradient, gradientAngle, gradientCX, gradientCY, gradientEndOffset, gradientFR, gradientFX, gradientFY, gradientR, gradientSecondColor, gradientSecondOpacity, gradientStartOffset, highlight, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, isLabel, layer, lineCap, needsRegularUpdate, precision, priv, rotatable, scalable, shadow, snapToGrid, strokeColor, strokeOpacity, strokeWidth, tabindex, trace, traceAttributes, transitionDuration, transitionProperties, viewport, visible, withLabel

Fields borrowed from other Elements
Fields borrowed from class JXG.Circle:
circle, line, method, radius
Fields borrowed from class JXG.GeometryElement:
_org_type, _pos, ancestors, baseElement, board, childElements, descendants, dump, elementClass, elType, hasLabel, highlighted, id, inherits, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsUpdate, notExistingParents, numTraces, parents, quadraticform, rendNode, stdform, subs, symbolic, traces, transformations, type, visProp, visPropCalc

Methods borrowed from other Elements
Methods borrowed from class JXG.Circle:
addTransform, Area, bounds, Diameter, generateRadiusSquared, getParents, getRadius, hasPoint, maxX, minX, notifyParents, Perimeter, Radius, setRadius, update, updateQuadraticform, updateRenderer, updateStdform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, animate, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getProperty, getSnapSizes, getTextAnchor, getType, handleSnapToGrid, hide, hideElement, noHighlight, normalize, prepareUpdate, remove, removeAllTicks, removeChild, removeDescendants, removeTicks, resolveShortcuts, setArrow, setAttribute, setDash, setDisplayRendNode, setLabel, setLabelText, setName, setParents, setPosition, setPositionDirectly, setProperty, show, showElement, snapToPoints, updateVisibility, useLocale

Events borrowed from other Elements
Events borrowed from class JXG.GeometryElement:
attribute, attribute:key, down, drag, keydrag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, pendown, pendrag, penup, touchdown, touchdrag, touchup, up
Documentation generated by JsDoc Toolkit 2.4.0 on Fri Mar 08 2024 12:20:59 GMT+0100 (Mitteleuropäische Normalzeit)