Gathering detailed insights and metrics for javascript-draggable-shapes
Gathering detailed insights and metrics for javascript-draggable-shapes
Installations
npm install javascript-draggable-shapesDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
10.16.3
NPM Version
6.9.0
Releases
Unable to fetch releases
🚀 npmpackage.info for sale
Built with Next.js • Fully responsive • SEO optimized • Open source ready
Download Statistics
Total Downloads
1,388
Last Day
1
Last Week
2
Last Month
22
Last Year
244
Maintainers
1
Package Meta Information
Latest Version
1.0.6
Package Id
javascript-draggable-shapes@1.0.6
Unpacked Size
2.68 kB
Size
1.22 kB
File Count
2
NPM Version
6.9.0
Node Version
10.16.3
Total Downloads
Cumulative downloads
Total Downloads
1,388
Last Day
0%
1
Compared to previous day
Last Week
100%
2
Compared to previous week
Last Month
144.4%
22
Compared to previous month
Last Year
73%
244
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
javascript-draggable-shapes
javascript library to create draggable figures using canvas + webgl 2d context Demo Here: https://3dlibrary.000webhostapp.com/page/src/
Javascript Library to paint draggable squares using html canvas + webgl 2d context.
Shapes can be resized using right and bottom markers when mose is over the figure.
How to use it?
1. Create an html canvas and set and id. As you can see bellow
<canvas id="myCanvas" width="640" height="480" style="border: 1px solid
gray;" ></canvas>
2. Create and Object Frame and set "2d" value to constructor.
var c = new GRAPH.Frame("2d");
c.init("myCanvas", 100, 100, 100, 1);
3. Use print square function to draw the shape into tha canvas element. Now you have a draggable element. Parameters are. X (number), Y (number), Width (number), Height (number), Color (name, rgb or hex) (
var c = new GRAPH.Frame("2d");
c.init("myCanvas", 100, 100, 100, 1);
c.printSquare(100, 100, 50, 50, "red");
c.printSquare(100, 200, 50, 50, "yellow");
No vulnerabilities found.