In Progress

Javascript: Draw rectangle on a canvas - repost

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.

Skills: AJAX, Javascript, jQuery / Prototype, PHP, Software Architecture

See more: will draw, where to find php developers, where find a coder, php developers org, javascript projects source code, javascript edit code, i draw you, get location javascript, get a coder down, find open source developers, find javascript developers, find javascript, find a javascript coder, draw you in, draw you, developers javascript, where is google docs, is github down, where to find developers, rectangle, javascript developers, getting a coder, draw, canvas over, canvas javascript

About the Employer:
( 165 reviews ) Copenhagen, Denmark

Project ID: #4190658

Awarded to:


Can be done, although I haven't found the git repos you cited in your docs. I guess it's private or hidden (?). My github id is alexdba, would be happy to do the job for symbolic money, as I'm just starting around her More

$30 USD in 4 days
(1 Review)