Mapgenerator

A responsive image map generator.

About the Mapgenerator

Mapgenerator is a client site application build in angular platform that offers a solution to select a area of an image through mouse drag and give you return back selected area's coordinates and aspect ratio. aspect ration is help you to map the display the image in different width and height with the preveously selected area.

Setup

npm install imagemapgenerator

Usage

app.component.html

<nph-mapgenerator
    (onChangeDrawing)="onChangeDrawing($event)" [image]="imageSrc">
</nph-mapgenerator>

app.component.ts

 onChangeDrawing(event: any) {
    this.shaps = event.shaps;
    this.retRatio = event.ratio;
  }

Note: Don't forget to add MapgeneratorModule in the import section of app.module.ts file.

Further help

stackbliz example.