Javascript: Draw rectangle on a canvas - repost

This project was awarded to alexdba for $30 USD.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Total Bids
Project Description

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.

Awarded to:

Looking to make some money?

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

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online