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 Slopetriangle

JXG.GeometryElement
   ↳ JXG.Line
         ↳ Slopetriangle

Slope triangle to visualize the slope of a tangent to a curve, circle or line.

Defined in: slopetriangle.js.
Extends JXG.Line.

Element Summary
Constructor Attributes Constructor Name and Description
 
Slopetriangle
Attributes Summary
Field Attributes Field Name and Description
 
baseline
Attributes for the base line.
 
basepoint
Attributes for the base point.
 
digits
Used to round texts given by a number.
 
formatValue
Function to format the value.
 
glider
Attributes for the gliding helper point.
 
label
Attributes for the slope triangle label.
 
prefix
String that is displayed before the slope triangle and its unit.
 
showPrefix
Determines whether a prefix is displayed before the slope triangle value and unit.
 
showSuffix
Determines whether a suffix is displayed after the slope triangle value and unit.
 
suffix
String that is displayed after the slope triangle and its unit.
 
tangent
Attributes for the tangent.
 
toppoint
Attributes for the top point.
Method Summary
Method Attributes Method Name and Description
 
DeltaX()
Returns δx of the slope triangle, that is the slope of the tangent.
 
DeltaY()
Returns δy of the slope triangle, that is the slope of the tangent.
 
Direction()
Returns the direction of the slope triangle, that is the direction of the tangent.
 
getAngle(unit)
Returns the angle between the tangent and the x-axis.
 
Slope()
Returns the slope of the tangent.
Methods borrowed from class JXG.Line:
addTransform, Ft, getRise, getSlope, hasPoint, isHorizontal, isVertical, L, maxX, minX, setFixedLength, setLabelRelativeCoords, setStraight, updateRenderer, updateSegmentFixedLength, updateStdform, X, Y, Z
Methods borrowed from class JXG.GeometryElement:
_set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, 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, toTopOfLayer, update, 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
Slopetriangle
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create with type "slopetriangle".

Possible parent array combinations are:
{JXG.Line} t

A tangent based on a glider on some object, e.g. curve, circle, line or turtle.


{JXG.Line} li
{JXG.Point}

p A line and a point on that line. The user has to take care that the point is a member of the line.


Throws:
{Error}
If the element cannot be constructed with the given parent objects an exception is thrown. Parameter options:
Examples:
// Create a slopetriangle on a tangent
var f = board.create('plot', ['sin(x)']),
    g = board.create('glider', [1, 2, f]),
    t = board.create('tangent', [g]),

    st = board.create('slopetriangle', [t]);



				
				
// Create a on a line and a point on that line
var p1 = board.create('point', [-2, 3]),
    p2 = board.create('point', [2, -3]),
    li = board.create('line', [p1, p2]),
    p = board.create('glider', [0, 0, li]),

    st = board.create('slopetriangle', [li, p]);





				
                

				


			

			


			
				

    				 Attribute Detail
				

				
					 
					


					{Line}
					baseline

					

					

						Attributes for the base line.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					

				
					 
					


					{Point}
					basepoint

					

					

						Attributes for the base point.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					

				
					 
					


					{Number}
					digits

					

					

						Used to round texts given by a number.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						
							

							
Default Value:

							

								2
							

							

						

					

				
					 
					


					{Function}
					formatValue

					

					

						Function to format the value.
If set to null, no formatting will happen.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						
							

							
Default Value:

							

								null
							

							

						

					

				
					 
					


					{Point}
					glider

					

					

						Attributes for the gliding helper point.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					

				
					 
					


					{Label}
					label

					

					

						Attributes for the slope triangle label.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					

				
					 
					


					{String}
					prefix

					

					

						String that is displayed before the slope triangle and its unit.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
							

							
See:

							
							
Slopetriangle#showPrefix

							
							

						
						
							

							
Default Value:

							

								''
							

							

						

					

				
					 
					


					{Boolean}
					showPrefix

					

					

						Determines whether a prefix is displayed before the slope triangle value and unit.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
							

							
See:

							
							
Slopetriangle#prefix

							
							

						
						
							

							
Default Value:

							

								false
							

							

						

					

				
					 
					


					{Boolean}
					showSuffix

					

					

						Determines whether a suffix is displayed after the slope triangle value and unit.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
							

							
See:

							
							
Slopetriangle#suffix

							
							

						
						
							

							
Default Value:

							

								false
							

							

						

					

				
					 
					


					{String}
					suffix

					

					

						String that is displayed after the slope triangle and its unit.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
							

							
See:

							
							
Slopetriangle#showSuffix

							
							

						
						
							

							
Default Value:

							

								''
							

							

						

					

				
					 
					


					{Line}
					tangent

					

					

						Attributes for the tangent.
The tangent is constructed by slop triangle if the construction
is based on a glider, solely.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					

				
					 
					


					{Point}
					toppoint

					

					

						Attributes for the top point.
						
							

							Defined in:  options.js.
						
						
					


					

						
						
						
						

					
				
			


			


			
				

					Method Detail
				

				
					 
					


					{Number}
					DeltaX()

					

					

						Returns δx of the slope triangle, that is the slope of the tangent.
This value is less than 0 if the line points to the left.
						
						
					


						
						
						
						
						
							

							
Returns:

							
								
{Number} 

							
							

						
						
						

					

					

				
					 
					


					{Number}
					DeltaY()

					

					

						Returns δy of the slope triangle, that is the slope of the tangent.
This value is less than 0 if the line points to the bottom.
						
						
					


						
						
						
						
						
							

							
Returns:

							
								
{Number} 

							
							

						
						
						

					

					

				
					 
					


					{Number}
					Direction()

					

					

						Returns the direction of the slope triangle, that is the direction of the tangent.
						
						
					


						
						
						
						
						
							

							
Returns:

							
								
{Number} slope of the tangent.

							
							

						
						
						
							

							
See:

							
								
Line#Direction

							
							

						

					

					

				
					 
					


					{Number}
					getAngle(unit)

					

					

						Returns the angle between the tangent and the x-axis.
						
						
					


						
							

							
Parameters:

							
								

									{String} unit
									Optional, Default: 'radians'
								

								
Unit of the returned values. Possible units are

    

  •  'radians' (default): angle value in radians

  •  'degrees': angle value in degrees

  •  'semicircle': angle value in radians as a multiple of π, e.g. if the angle is 1.5π, 1.5 will be returned.

  •  'circle': angle value in radians as a multiple of 2π


							
							

						
						
						
						
						
							

							
Returns:

							
								
{Number} 

							
							

						
						
						

					

					

				
					 
					


					{Number}
					Slope()

					

					

						Returns the slope of the tangent.
						
						
					


						
						
						
						
						
							

							
Returns:

							
								
{Number} slope of the tangent.

							
							

						
						
						

					

					
				
			


			

			


			
                
                

                    Attributes borrowed from other Elements
                


                

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

                

                

                


				
				

					Fields borrowed from other Elements
				


				

				
Fields borrowed from class JXG.Line: 
defaultTicks, parentPolygon, point1, point2, ticks
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.Line: 
addTransform, Ft, getRise, getSlope, hasPoint, isHorizontal, isVertical, L, maxX, minX, setFixedLength, setLabelRelativeCoords, setStraight, updateRenderer, updateSegmentFixedLength, updateStdform, X, Y, Z
Methods borrowed from class JXG.GeometryElement: 
_set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, eval, evalVisProp, formatNumberLocale, fullUpdate, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, 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, toTopOfLayer, update, 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 Tue May 05 2026 10:26:32 GMT+0200 (Mitteleuropäische Sommerzeit)