Javascript: Draw rectangle on a canvas - repost

Budget $30 - $250 USD
Bids 1
Average Bid $30

This task is a part of a larger project. Please create a [url removed, login to view] username and submit it together with your bid to get access to our source code and other projects.

I need someone to create functionality to draw several rectangles on the image (in this interface [url removed, login to view]) using either the right mouse button (preferable) or by holding down the shift key and using the left mouse button. The drawing should be done by holding down the mouse button and moving the mouse cursor (same as in any drawing program).

You need to store the size and location of the rectangle in variables (later in the database, as a new issue once this issue has been fixed). The size and location must be relative to the image and not the canvas. This means that the size and location should not be affected if the user zooms in or out or moves the image around, the rectangle should be showing over the same area of the image no matter what.

It should be possible to left click on a rectangle that has been drawn to delete it (not confirmation or other action needed, than to left click it).

The purpose of this is so that typers (who only work with typing the information on the receipts) will indicate where they found the information they typed, so others (more expensive people) will not have to search all over to validate that the typer did find the correct information.

Deadline: 4 days

Please read the requirements/getting started guide here before starting on this task. [url removed, login to view]

To start working on this, please make a comment below saying so. This is to ensure that only one coder will work on this.

Post a Project Like This

This project was awarded to

alexdba

The best Javascript coder I have ever come across. Found and fixed 4 serious bugs that others had introduced, while working on this project.
About the Freelancer
alexdba Profile Picture

I started to grow interest on computer science back in 1999, having a constant position as software engineer in the same company since 2003. Obtained Computer Science bachelor degree in 2007, Software Engineering Master of Science degree in 2009. Accepted in 2012 as a PhD candidate. All academic work was accomplished through University of Sao Paulo, in Brazil. Along those years I stumbled upon a variety of programming languages and operating systems. Currently looking carefully on HTML5 + JS potential to take over the information systems, and in awe with the open source based mobile platforms.

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • alexdba Profile Picture

    alexdba

    Ibaté,  Brazil

    I started to grow interest on computer science back in 1999, having a constant position as software engineer in the same company since 2003. Obtained Computer Science bachelor degree in 2007, Software Engineering Master of Science degree in 2009. Accepted in 2012 as a PhD candidate. All academic work was accomplished through University of Sao Paulo, in Brazil. Along those years I stumbled upon a variety of programming languages and operating systems. Currently looking carefully on HTML5 + JS potential to take over the information systems, and in awe with the open source based mobile platforms.

    PHP, Perl, C Programming, and Java