This page offers two basic drag and drop examples. The first one is implemented using html5 drag and drop functionality, which protractor is not able to handle at the moment due to a bug in selenium webdriver.

The second example is implemented using javascript event listeners and css manipulation of the moving DOM object.

Native HTML5 First example

Area 50

Area 51

Area 52

Javascript Second example