🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Simple Angular directive to draw polygons over image using canvas.

Plugins

Documentation

angular-canvas-area-draw

Simple directive to draw polygons over image using canvas

Demo:

https://sedrakpc.github.io/

Preview:

alt tag

Usage:

<div canvas-area-draw points="points"      active="activePolygon" image-url="imageSrc"      enabled="enabled" palette="colorArray"></div>

Parameters

Param name Description
points where to store drawing polygons coordinates
active current active polygon
image-url background image url
enabled is drawing enabled
colorArray color array with hex colors for every polygon layer, if color not specified for layer will be generated randomly

You May Also Like