title: grab image using mouse cordinates from screen
body: <p>I have searched a lot but i could not find any proper solution for my requirement.
  I want a functionalty in my website where user can select any area on browser or anywhere in desktop and convert the selected area into image.
  I know this can be done in windows form,there you do have options to track mouse movements and capture image from screen.
  I know if i wan this functionality in web i have to get cordinates via javascript and hen maybe make an ajax request to webservice and get my image.</p>
  
  <p>first of all i cannot find a proper way in javascript that will get me mousedown and mouseup coordinates.</p>
  
  <p>I have seen jquery 's Dragable and resizable div.I want something lke that for user to select the area which has to be converted to image.
  I can even get Origal mouse position,Current mouse position and the size of div using jquery dragable and reszable div.</p>
  
  <p>and Second i want some advice as to how i should grab the selected area as image.</p>
  
  <p>Kindly help me out.</p>