GitHub - tegansnyder/JQuery-DOM-Polygon-Selector-CSS3-Lines: I built this example to show how you can leverage the DOM to create a polygon selector. Typically this operation will take place using canvas or svg but I wanted to see the performance of doing it using draggable DOM elements. Works in browsers that support CSS3 transformations.

tegansnyder / JQuery-DOM-Polygon-Selector-CSS3-Lines Public

I built this example to show how you can leverage the DOM to create a polygon selector. Typically this operation will take place using canvas or svg but I wanted to see the performance of doing it using draggable DOM elements. Works in browsers that support CSS3 transformations.

1 star 1 fork Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
css		css
js		js
README		README
index.html		index.html

Repository files navigation

JS Bin Live preview here: http://jsbin.com/afafup/1/
NOTE: Selector is triggered using RIGHT click of mouse.

This is an example I built to see if I could create a polygon selection tool using DOM elements and CSS3 transformations. While this might not be the best way to achieve this effect and is a little rough around the edges I think this could be made into a solid JQuery Plugin with little effort.

Typically this operation will take place using canvas or svg but I wanted to see the performance of doing it using draggable DOM elements.

Works in browsers that support CSS3 transformations.

Fork away my friends!