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.
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
README
index.html

README

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!