All Projects → sedrakpc → Angular Canvas Area Draw

sedrakpc / Angular Canvas Area Draw

Licence: mit
Simple library to draw polygons over image with canvas

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Angular Canvas Area Draw

canvas-color-tracker
A utility to track objects on a canvas by unique px color
Stars: ✭ 29 (+38.1%)
Mutual labels:  drawing, canvas
Tui.image Editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Stars: ✭ 4,761 (+22571.43%)
Mutual labels:  drawing, canvas
Flutter Canvas
About using of canvas in the flutter
Stars: ✭ 259 (+1133.33%)
Mutual labels:  polygon, canvas
Pencil.js
✏️ Nice modular interactive 2D drawing library
Stars: ✭ 204 (+871.43%)
Mutual labels:  drawing, canvas
Signature pad
HTML5 canvas based smooth signature drawing
Stars: ✭ 7,623 (+36200%)
Mutual labels:  drawing, canvas
ludigraphix.github.io
Documentation for Ludigraphix
Stars: ✭ 21 (+0%)
Mutual labels:  drawing, polygon
Canvas
Canvas is a Go drawing library based on OpenGL or using software rendering that is very similar to the HTML5 canvas API
Stars: ✭ 358 (+1604.76%)
Mutual labels:  drawing, canvas
Omg
🎨 一个让你跳过canvas,直接绘图的 2d 绘图库,上手简单,接口简洁,功能丰富.
Stars: ✭ 107 (+409.52%)
Mutual labels:  drawing, canvas
Freedrawview
A View on which you can freely draw, customizing paint width, alpha and color, and take a screenshot of the content. Useful for note apps, signatures or free hand writing.
Stars: ✭ 627 (+2885.71%)
Mutual labels:  drawing, canvas
Html5
HTML5学习、总结、实践
Stars: ✭ 493 (+2247.62%)
Mutual labels:  canvas, angularjs
Drawingboard.js
A canvas based drawing app that you can integrate easily on your website.
Stars: ✭ 2,072 (+9766.67%)
Mutual labels:  drawing, canvas
Heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps
Stars: ✭ 5,685 (+26971.43%)
Mutual labels:  canvas, angularjs
Pixelfarm
From Vectors to (sub) Pixels, C# 2D Rendering Library
Stars: ✭ 120 (+471.43%)
Mutual labels:  drawing, canvas
idraw
A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)
Stars: ✭ 436 (+1976.19%)
Mutual labels:  drawing, canvas
Clumsy
A library written on node.js for creating math figures on HTMLCanvas in XKCD style.
Stars: ✭ 107 (+409.52%)
Mutual labels:  drawing, canvas
Hstardoc
My blogs write with markdown.
Stars: ✭ 297 (+1314.29%)
Mutual labels:  canvas, angularjs
Sketchpad
Sketchpad is fully customisable collaborative whiteboard plugin written in pure JavaScript.
Stars: ✭ 85 (+304.76%)
Mutual labels:  drawing, canvas
Pretty Painter
Graphics editor for Android.
Stars: ✭ 105 (+400%)
Mutual labels:  drawing, canvas
React Canvas Draw
React Component for drawing in canvas
Stars: ✭ 412 (+1861.9%)
Mutual labels:  drawing, canvas
Diagram
CLI app to convert ASCII arts into hand drawn diagrams.
Stars: ✭ 642 (+2957.14%)
Mutual labels:  drawing, canvas

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].