Members
autoProportion
This allow that shapes fit to canvas dimensions without exceeding it.
This allow that shapes fit to canvas dimensions without exceeding it. This is the opposite to 'deformation' or 'equalProportion' options.
- Source:
axes
Axes
.Axes
- Source:
axesFront
Frontal Axes (Foreground)
.Frontal Axes (Foreground)
- Source:
btnCanvasClean
Show clean button for clean the canvas surface (WITHOUT LOSING DATA)
.Show clean button for clean the canvas surface (WITHOUT LOSING DATA)
- Source:
btnCanvasFlag
Show UI language button.
Show UI language button. It show the flag language, currently it has no associated actions.
- Source:
btnCanvasOptions
Show UI "show options" button
.Show UI "show options" button
- Source:
btnCanvasRedraw
Show UI refresh / redraw button to canvas.
Show UI refresh / redraw button to canvas.
- Source:
btnCanvasReset
Show reset button of canvas (WITH LOSING DATA)
.Show reset button of canvas (WITH LOSING DATA)
- Source:
btnCanvasZoom
Show UI zoom button
.Show UI zoom button
- Source:
btnDownCanvasImage
Show "canvas download" button in UI
.Show "canvas download" button in UI
- Source:
canvas
Canvas drawing object.
Canvas drawing object. Usually it will generated automatically.
- Source:
canvasDataButtons
Show main buttons area of UI
.Show main buttons area of UI
- Source:
canvasDataInfo
Show the informative area of UI
.Show the informative area of UI
- Source:
canvasDataIntro
Show graphics coordinates area in the UI, for input data.
Show graphics coordinates area in the UI, for input data.
- Source:
canvasDataOptions
Show UI options area
.Show UI options area
- Source:
canvasDataTitle
Show Canvas Title
.Show Canvas Title
- Source:
canvasHeight
Initial canvas height (pixels).
Initial canvas height (pixels). 300px default. If 'canvasSquared' option is checked, the height will be equal to width, Si se marca la opción 'canvasSquared' a true, el alto se igualará al ancho, obviating the value entered here.
- Source:
canvasShapes
PolyArea main module library.
PolyArea main module library. It create the object you handle all the PolyArea. With this library you can create objects PolyArea becomes a conglomeration of geometric figures grouped as points, segments and Polygons. Although they can be treated individually, it is intended for treatment Hierarchy of figures: "Polygons PARENTS of Segment and these PARENTS of Points". Its graphical representation is based on an axis of 'fictitious' coordinates drawn on a 'canvas' with implementation of a series of events that allow us to redesign the figures once displayed, so dynamically, we can vary the position of the points the axis with the mouse cursor. It has numerous utility methods and properties configuration to display the shapes and calculations on them (perimeters, areas, show names, colors, fill, ...). The constructor supports a configuration object with parameters such as the 'id' of the 'canvas' element (so you can use one previously created), proportions, inverts, axes, grids, ... (A complete list in the help this library). OUTSTANDING:
- Cross-Browser
- Full OOP, possibility of using SINGLETON.
- Internationalized, with the possibility of adding more languages.
- Malleable and highly configurable.
- Representation and dynamic handling of geometric shapes.
- Calculation of magnitudes main: area, perimeter, distance, ...
- Employability 'shape to shape' or through a 'nested heritage shapes'.
- Source:
canvasSquared
Square the Canvas dimension (Ref.
Square the Canvas dimension (Ref. width), default TRUE.
- Source:
canvasWidth
Initial canvas width (pixels).
Initial canvas width (pixels). 300px default
- Source:
cleanAllIfEmpty
This option allow to clean all canvas through the 'Reset' button, even if there isn't any selected shape
.This option allow to clean all canvas through the 'Reset' button, even if there isn't any selected shape
- Source:
container
It becomes the PolyArea container of entire graphical interface.
It becomes the PolyArea container of entire graphical interface.
- Source:
coordinatesCentred
Centred the Canvas coordinates.
Centred the Canvas coordinates. This hold the state of coordinates centred (translation)
- Source:
ctx
It will be the context of the canvas.
It will be the context of the canvas. No need to pass it, will be automatically detect it.
- Source:
decimals
Number of decimals approximation for calculations and presentations.
Number of decimals approximation for calculations and presentations.
- Source:
deformation
Equal to 'equalProportion' option.
Equal to 'equalProportion' option. This is the opposite to 'autoProportion'.
- Source:
drawPoints
Indicate if it must drawing the created points of whichever shape.
Indicate if it must drawing the created points of whichever shape.
- Source:
drawPolygons
Indicate if it must drawing the created polygons.
Indicate if it must drawing the created polygons.
- Source:
drawSegments
Indicate if it must drawing the created segments of whichever polygon.
Indicate if it must drawing the created segments of whichever polygon.
- Source:
equalProportion
It force to shape to fit with and height canvas (DEFORMATION), FALSE by default.
It force to shape to fit with and height canvas (DEFORMATION), FALSE by default. It is synonymous of 'deformation', the opposite of 'autoProportion'.
- Source:
fill
Polygons Filled
.Polygons Filled
- Source:
fractionGrid
Fraction of each Grid square.
Fraction of each Grid square. If wish not Grid, let it zero (0)
- Source:
freeDraw
This allow free drawing with mouse.
This allow free drawing with mouse.
- Source:
freeDrawColor
Stroke color for free drawing
.Stroke color for free drawing
- Source:
freeDrawRounded
Brush type to use for free drawing (Rounded or Squared).
Brush type to use for free drawing (Rounded or Squared).
- Source:
freeDrawSize
Stroke size for free drawing.
Stroke size for free drawing.
- Source:
gradient
Gradient object of filled.
Gradient object of filled. This makes it, by example, with 'createLinearGradient(...)' method of canvas context.
- Source:
grid
Grids
.Grids
- Source:
gridFront
Frontal Grid (Foreground)
.Frontal Grid (Foreground)
- Source:
id
Id container element of entire graphical interface for PolyArea object.
Id container element of entire graphical interface for PolyArea object. It may also be the ID of an existing canvas to embed it and handle it.
- Source:
invertX
Inversion of X axe value.
Inversion of X axe value. FALSE by default.
- Source:
invertY
Inversion of Y axe value.
Inversion of Y axe value. TRUE by default, since the ordinates grow inversely, that is, down.
- Source:
language
Language of graphic interface.
Language of graphic interface. Default English.
- Source:
linkDownCanvasImage
Allow canvas donwload to image
.Allow canvas donwload to image
- Source:
mouseDrop
This allow dynamically drag points with mouse.
This allow dynamically drag points with mouse.
- Source:
mouseInfo
Show dynamically information for points and segments through the mouse situation
.Show dynamically information for points and segments through the mouse situation
- Source:
mousePoints
This allow dynamically add points through mouse clicks.
This allow dynamically add points through mouse clicks.
- Source:
original
The original settings passed in construction, unfilled omitted.
The original settings passed in construction, unfilled omitted.
- Source:
pointsDrawChildren
Indicate if the created points must drawing his children.
Indicate if the created points must drawing his children. Of no effect, becose the points hasn't children, for now.
- Source:
polyAreaFooter
Bottom area of the UI.
Bottom area of the UI. Basically it contains the credits
- Source:
polyAreaHeader
Upper area of the UI.
Upper area of the UI. Contains among others the title and subtitle
- Source:
polygonsDrawChildren
Indicate if the created polygons must drawing his children.
Indicate if the created polygons must drawing his children. (the segments).
- Source:
proportionX
Points (X) proportion of shapes to fit them to canvas.
Points (X) proportion of shapes to fit them to canvas. As you add points this ratio must be recalculated.
- Source:
proportionY
Points (Y) proportion of shapes to fit them to canvas.
Points (Y) proportion of shapes to fit them to canvas. As you add points this ratio must be recalculated.
- Source:
segmentsDrawChildren
Indicate if the created segments must drawing his children.
Indicate if the created segments must drawing his children. (the points).
- Source:
showBody
Displays all graphical interface with menu buttons, action fields and useful information.
Displays all graphical interface with menu buttons, action fields and useful information.
- Source:
showCredits
Indicates whether to show credits in the UI.
Indicates whether to show credits in the UI. It would be appreciated allowed to display the credits in some way as a recognition. What least, I would say!
- Source:
showNames
Show the shapes names.
Show the shapes names.
- Source:
showSubTitle
Specifies whether to display the subtitle in the UI
.Specifies whether to display the subtitle in the UI
- Source:
showTitle
Indicates whether to show the title in the UI
.Indicates whether to show the title in the UI
- Source:
showUIButtons
Show UI main buttons
.Show UI main buttons
- Source:
timestamp
Time seal (Unix TimeStamp Format).
Time seal (Unix TimeStamp Format).
- Source:
zoomIn
Zoom step to magnify
.Zoom step to magnify
- Source:
zoomOut
Zoom step to belittle.
Zoom step to belittle. This is equal to 'zoomIn', usually.
- Source: