angular-canvas-area-draw

Simple directive to draw polygons over image using canvas

Demo:

https://sedrakpc.github.io/

Preview:

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