angular-canvas-area-draw

Simple directive to draw polygons over image using canvas

Demo:

this demo does not support zoom feature: https://sedrakpc.github.io/

Preview:

Usage:

<div canvas-area-draw points="points" double-click="DoubleClickEvent()"
     original-size="originalSize" active="0"
     image-url="imagePath" style="width: 500px;height: 500px;"
     editable="false" palette="Palette"></div>

Parameters

Param name	Description
points	where to store drawing polygons coordinates
active	current active polygon
image-url	background image url
editable	is drawing enabled
double-click	double click event on image
original-size	size of images when points are made
colorArray	color array with hex colors for every polygon layer, if color not specified for layer will be generated randomly