npmpackage.info

Gathering detailed insights and metrics for javascript-draggable-shapes

javascript-draggable-shapes - 1.0.6 | npmpackage.info

javascript-draggable-shapes

1.0.6

2.68 kB

Installations

npm install javascript-draggable-shapes

Developer 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

Last Week

Last Month

Last Year

244

Maintainers

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

NPM Version

6.9.0

Node Version

10.16.3

Total Downloads

Cumulative downloads

Total Downloads

1,388

Last Day

Compared to previous day

Last Week

100%

Compared to previous week

Last Month

144.4%

Compared to previous month

Last Year

73%

244

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

babel-core babel-loader babel-preset-env copy-webpack-plugin eslint eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard ftp-deploy webpack webpack-cli webpack-dev-server

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.