Recommend this page to a friend! |
Download |
Info | Documentation | Screenshots | Files | Download | Reputation | Support forum | Blog | Links |
Ratings | Unique User Downloads | Download Rankings | ||||
Not enough user ratings | Total: 101 | All time: 410 This week: 3 |
Version | License | JavaScript version | Categories | |||
canvasshapes 1.0.0 | GNU General Publi... | 1.0 | Graphics, Libraries |
Description | Author | |||
This package can display freehand geometric shapes using canvas object. Innovation Award
|
> ----------------------------------------------------------------------------------------------------- > 'canvasShapes' (namespace) - Library of creation, manipulation and calculation of plane geometric figures. > Library: 'PolyArea'. > Author: Juan José Guerra Haba - dinertron@gmail.com - Marzo de 2016 > License: Free BSD. & Open GPL v.3. Keep credit, please. > Versión: 0.9.0 BETA > File: canvasShapes.js Main Class: PolyArea.js > > ----------------------------------------------------------------------------------------------------
It is a library for drawing geometric figures associated events.
It shows geometric calculations (areas, perimeters, ...) and supports a free drawn mode "freehand"; also it has a graphical interface with buttons bar and an options window where display / modify some of the multiple parameters supported.
'CANVAS-SHAPES' is actually a namespace that hold the library 'PolyArea' which is responsible for the bulk of drawn figures, but also houses objects and methods useful in separate modules. HTML element works on a 'canvas' that constructs itself and on which it has implemented a reception event for the creation and modified the figures (points, segments, ...)
After loading the file in the 'head' zone (<script src = "... / canvasShapes.js" ...> </ script>
) you can start to use the library under the namespace: 'canvasShapes'. It could commence for example, with the viewing of the UI by the method:
canvasShapes.render( {id: "idElement"} );
where the string 'idElement' is expected that identifies the container element, that is, the element in which all imbibing UI. From here everything is done visually and interactively in the GUI.
Developed by GuerraTron @2016
Notepad ++
Created with Nodeclipse (Eclipse Marketplace, site) Nodeclipse is free open-source project that grows with your contributions.
<cite>I hope it can be useful to someone as it has been for me. In this case it would be appreciated email commenting use or suggestions for future improvements.</cite>
¡ KEEP CREDITS, PLEASE !
Screenshots (4) | ||
Files (93) |
File | Role | Description | ||
---|---|---|---|---|
canvasShapes-en (3 files, 4 directories) | ||||
canvasShapes-es (3 files, 3 directories) | ||||
index.html | Data | web accesss page | ||
LICENSE | Lic. | GNU GPL v3 | ||
README.md | Data | readme info |
Files (93) | / | canvasShapes-en |
File | Role | Description | ||
---|---|---|---|---|
doc (6 files, 6 directories) | ||||
help (1 file) | ||||
img (5 files) | ||||
static (1 file) | ||||
canvasShapes-All.en.js | Class | all modules in a single file (English) | ||
canvasShapes-logo.png | Icon | logo canvasShapes | ||
zonesGUI.png | Data | canvasShapes GUI areas |
Files (93) | / | canvasShapes-en | / | doc |
File | Role | Description | ||
---|---|---|---|---|
css (1 file) | ||||
fonts (6 files) | ||||
img (12 files) | ||||
js (2 files) | ||||
scripts (1 file, 1 directory) | ||||
styles (3 files) | ||||
canvasShapes-All.en.js.html | Doc. | lines of canvasShapes documentation code (English) | ||
favicon.ico | Data | icon canvasShapes | ||
global.html | Doc. | documentation global page (English) | ||
index.html | Doc. | documentation main page (English) | ||
tutorial-examples_canvasShapes.en.html | Doc. | example page (English) | ||
tutorial-tuto_canvasShapes.en.html | Doc. | turoial page (English) |
Files (93) | / | canvasShapes-en | / | doc | / | css |
File | Role | Description |
---|---|---|
tuto.css | Doc. | documentation style file |
Files (93) | / | canvasShapes-en | / | doc | / | fonts |
File | Role | Description |
---|---|---|
OpenSans-Bold-webfont.svg | Doc. | documentation text font |
OpenSans-BoldItalic-webfont.svg | Doc. | documentation text font |
OpenSans-Italic-webfont.svg | Doc. | documentation text font |
OpenSans-Light-webfont.svg | Doc. | documentation text font |
OpenSans-LightItalic-webfont.svg | Doc. | documentation text font |
OpenSans-Regular-webfont.svg | Doc. | documentation text font |
Files (93) | / | canvasShapes-en | / | doc | / | img |
File | Role | Description |
---|---|---|
canvasShapes-logo-mini.gif | Icon | mini logo |
canvasShapes-logo.png | Icon | logo |
canvasShapesButtons.png | Icon | GUI buttons |
canvasShapesInputs.png | Icon | GUI inputs |
favicon.ico | Data | icon |
fondo.png | Data | documentation background image |
fondo_inv.png | Data | documentation background image (inverse) |
guerratron.gif | Icon | author logo |
torotron_logo.png | Icon | authors logo |
zoneCoordinates.png | Icon | GUI coordinates area |
zoneOptions.png | Data | GUI options area |
zonesGUI.png | Data | GUI areas |
Files (93) | / | canvasShapes-en | / | doc | / | js |
File | Role | Description |
---|---|---|
canvasShapes-All.en.min.js | Class | canvasShapes All-in-one minified (English) |
canvasShapes-All.es.min.js | Class | canvasShapes All-in-one minified (Spanish) |
Files (93) | / | canvasShapes-en | / | doc | / | scripts |
File | Role | Description | ||
---|---|---|---|---|
prettify (3 files) | ||||
linenumber.js | Aux. | documentation assets |
Files (93) | / | canvasShapes-en | / | doc | / | scripts | / | prettify |
File | Role | Description |
---|---|---|
Apache-License-2.0.txt | Doc. | documentation assets |
lang-css.js | Aux. | documentation assets |
prettify.js | Aux. | documentation assets |
Files (93) | / | canvasShapes-en | / | doc | / | styles |
File | Role | Description |
---|---|---|
jsdoc-default.css | Doc. | documentation assets |
prettify-jsdoc.css | Doc. | documentation assets |
prettify-tomorrow.css | Doc. | documentation assets |
Files (93) | / | canvasShapes-en | / | img |
File | Role | Description |
---|---|---|
canvasShapes-logo-mini.gif | Icon | mini logo |
canvasShapes-logo.png | Icon | logo |
favicon.ico | Data | icon |
guerratron.gif | Icon | author icon |
zonesGUI.png | Data | canvasShapes GUI areas |
Files (93) | / | canvasShapes-es |
File | Role | Description | ||
---|---|---|---|---|
doc (6 files, 6 directories) | ||||
help (1 file) | ||||
img (5 files) | ||||
canvasShapes-All.es.js | Class | all modules in a single file (Spanish) | ||
canvasShapes-logo.png | Icon | logo canvasShapes | ||
zonesGUI.png | Data | canvasShapes GUI areas |
Files (93) | / | canvasShapes-es | / | doc |
File | Role | Description | ||
---|---|---|---|---|
css (1 file) | ||||
fonts (6 files) | ||||
img (12 files) | ||||
js (1 file) | ||||
scripts (1 file, 1 directory) | ||||
styles (3 files) | ||||
canvasShapes-All.es.js.html | Doc. | canvasShapes file code (Spanish) | ||
favicon.ico | Data | icon | ||
global.html | Doc. | documentation global page (Spanish) | ||
index.html | Doc. | documentation main page (Spanish) | ||
tutorial-examples_canvasShapes.es.html | Doc. | example page (Spanish) | ||
tutorial-tuto_canvasShapes.es.html | Doc. | tutorial page (Spanish) |
Files (93) | / | canvasShapes-es | / | doc | / | fonts |
File | Role | Description |
---|---|---|
OpenSans-Bold-webfont.svg | Doc. | documentation text font |
OpenSans-BoldItalic-webfont.svg | Doc. | documentation text font |
OpenSans-Italic-webfont.svg | Doc. | documentation text font |
OpenSans-Light-webfont.svg | Doc. | documentation text font |
OpenSans-LightItalic-webfont.svg | Doc. | documentation text font |
OpenSans-Regular-webfont.svg | Doc. | documentation text font |
Files (93) | / | canvasShapes-es | / | doc | / | img |
File | Role | Description |
---|---|---|
canvasShapes-logo-mini.gif | Icon | mini logo |
canvasShapes-logo.png | Icon | logo |
canvasShapesButtons.png | Icon | GUI buttons area |
canvasShapesInputs.png | Icon | GUI inputs area |
favicon.ico | Data | icon |
fondo.png | Data | documentation background image |
fondo_inv.png | Data | documentation background image (reverse) |
guerratron.gif | Icon | author logo |
torotron_logo.png | Icon | authors logo |
zoneCoordinates.png | Icon | GUI coordinates area |
zoneOptions.png | Data | GUI options area |
zonesGUI.png | Data | GUI areas |
Files (93) | / | canvasShapes-es | / | doc | / | js |
File | Role | Description |
---|---|---|
canvasShapes-All.es.min.js | Class | canvasShapes All-in-one minified |
Files (93) | / | canvasShapes-es | / | doc | / | scripts |
File | Role | Description | ||
---|---|---|---|---|
prettify (3 files) | ||||
linenumber.js | Aux. | documentation assets |
Files (93) | / | canvasShapes-es | / | doc | / | scripts | / | prettify |
File | Role | Description |
---|---|---|
Apache-License-2.0.txt | Doc. | documentation assets |
lang-css.js | Aux. | documentation assets |
prettify.js | Aux. | documentation assets |
Files (93) | / | canvasShapes-es | / | doc | / | styles |
File | Role | Description |
---|---|---|
jsdoc-default.css | Doc. | documentation assets |
prettify-jsdoc.css | Doc. | documentation assets |
prettify-tomorrow.css | Doc. | documentation assets |
Files (93) | / | canvasShapes-es | / | img |
File | Role | Description |
---|---|---|
canvasShapes-logo-mini.gif | Icon | mini logo |
canvasShapes-logo.png | Icon | logo |
favicon.ico | Data | icon |
guerratron.gif | Icon | author logo |
zonesGUI.png | Data | canvasShapes GUI areas |
Version Control | Unique User Downloads | Download Rankings | |||||||||||||||
95% |
|
|
Applications that use this package |
If you know an application of this package, send a message to the author to add a link here.