Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ngx-polygon-draw-mod

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-polygon-draw-mod

Simple lightweight library to draw polygons over images. This library was created to markup areas on the photo, where the computer vision algorithms will track events. Any other usecase is appreciated, contact me on issues.

  • 1.0.7
  • npm
  • Socket score

Version published
Weekly downloads
0
decreased by-100%
Maintainers
1
Weekly downloads
 
Created
Source

About

Simple lightweight library to draw polygons over images. This library was created to markup areas on the photo, where the computer vision algorithms will track events. Any other usecase is appreciated, contact me on issues.

Getting started

<Ngx-NgxPolygonDraw [src]="<linkToImg>" (created)="created($event)"></Ngx-NgxPolygonDraw>

To create points, just click on the image, they will be connected by lines.

When you're done, do the Right Click and the event created will be emitted and the array of points coordinates will be returned.

Example:

[{x: 248.09375, y: 111}, {x: 194.09375, y: 179}, {x: 221.09375, y: 235}, {x: 366.09375, y: 255}]

Controls

You can access components methods to track clicks one by one with @ViewChild.

Example

clearCanvas() - method allows you to delete existing points

undo() - method allows you to undo action

You also can check whether the polygon is complete (boolean), its perimeter(array of objects).

Contact

E-mail: mitia2022@gmail.com

Telegram: @Hennessy81

Keywords

FAQs

Package last updated on 03 May 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc