Element Image
JXG.GeometryElement,JXG.CoordsElement
↳ JXG.Image
↳ Image
Displays an image.
Defined in: image.js.
Extends
JXG.Image.
| Constructor Attributes | Constructor Name and Description |
|---|---|
| Field Attributes | Field Name and Description |
|---|---|
|
List of attractor elements.
|
|
|
Defines the CSS class used by the image.
|
|
|
Defines the CSS class used by the image when highlighted.
|
|
|
Image rotation in degrees.
|
|
|
Defines together with Image#snapSizeY the grid the image snaps on to.
|
|
|
Defines together with Image#snapSizeX the grid the image snaps on to.
|
- Methods borrowed from class JXG.Image:
- H, hasPoint, setSize, update, updateRenderer, updateSize, updateSpan, W
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, 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, updateVisibility, useLocale
- Methods borrowed from class JXG.CoordsElement:
- _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveTo, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, updateTransform, visit, X, XEval, Y, YEval, Z, ZEval
- 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
Image
-
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create
with type "image".
- Possible parent array combinations are:
-
{string|function} url
{Array} coords
{Array} size
- url defines the location of the image data. The array coords contains the user coordinates
of the lower left corner of the image.
It can consist of two or three elements of type number, a string containing a GEONExT
constraint, or a function which takes no parameter and returns a number. Every element determines one coordinate. If a coordinate is
given by a number, the number determines the initial position of a free image. If given by a string or a function that coordinate will be constrained
that means the user won't be able to change the image's position directly by mouse because it will be calculated automatically depending on the string
or the function's return value. If two parent elements are given the coordinates will be interpreted as 2D affine Euclidean coordinates, if three such
parent elements are given they will be interpreted as homogeneous coordinates.
The array size defines the image's width and height in user coordinates.
- Throws:
- {Exception}
- If the element cannot be constructed with the given parent objects an exception is thrown.
- Examples:
var im = board.create('image', ['https://jsxgraph.org/jsxgraph/distrib/images/uccellino.jpg', [-3,-2], [3,3]]);
Attribute Detail
{Array}
attractors
List of attractor elements. If the distance of the image is less than
attractorDistance the image is made to glider of this element.
Defined in: options.js.
Defined in: options.js.
- Default Value:
- empty
{String}
cssClass
Defines the CSS class used by the image. CSS attributes defined in
this class will overwrite the corresponding JSXGraph attributes, e.g.
opacity.
The default CSS class is defined in jsxgraph.css.
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 'JXGimage'
{String}
highlightCssClass
Defines the CSS class used by the image when highlighted.
CSS attributes defined in this class will overwrite the
corresponding JSXGraph attributes, e.g. highlightFillOpacity.
The default CSS class is defined in jsxgraph.css.
Defined in: options.js.
Defined in: options.js.
- See:
- Image#cssClass
- Default Value:
- 'JXGimageHighlight'
{Number}
rotate
Image rotation in degrees.
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 0
{Number}
snapSizeX
Defines together with Image#snapSizeY the grid the image snaps on to.
The image will only snap on user coordinates which are
integer multiples to snapSizeX in x and snapSizeY in y direction.
If this value is equal to or less than 0, it will use the grid displayed by the major ticks
of the default ticks of the default x axes of the board.
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 1
{Number}
snapSizeY
Defines together with Image#snapSizeX the grid the image snaps on to.
The image will only snap on integer multiples to snapSizeX in x and snapSizeY in y direction.
If this value is equal to or less than 0, it will use the grid displayed by the major ticks
of the default ticks of the default y axes of the board.
Defined in: options.js.
Defined in: options.js.
- Default Value:
- 1
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, nonnegativeOnly, 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.Image:
- size, url
- 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
- Fields borrowed from class JXG.CoordsElement:
- coords, groups, isConstrained, needsUpdateFromParent, onPolygon, position, slideObject, slideObjects
Methods borrowed from other Elements
- Methods borrowed from class JXG.Image:
- H, hasPoint, setSize, update, updateRenderer, updateSize, updateSpan, W
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addParents, addParentsFromJCFunctions, addRotation, addTicks, addTransform, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, 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, updateVisibility, useLocale
- Methods borrowed from class JXG.CoordsElement:
- _anim, addAnchor, addConstraint, Coords, Dist, findClosestSnapValue, free, handleAttractors, handleSnapToPoints, makeGlider, moveAlong, moveTo, popSlideObject, setGliderPosition, setPositionByTransform, updateConstraint, updateCoords, updateGlider, updateGliderFromParent, updateTransform, visit, X, XEval, Y, YEval, Z, ZEval
Events borrowed from other Elements