html interactive painting payment after work

You are required to design and develop an interactive painting program that will run as a single, standard HTML web page running in a Chrome browser. Your painting program must not use any third-partylibraries (such as jQuery, etc.) or plugins. Your submission must beentirely self-contained (consist of only 1 HTML document)and incorporateALL the used and needed programming code as well as any supportive and/or needed HTML or [login to view URL] program is required to allow the user to (viathe mouse and in freehand) paint pictures using multiple colours, multiple brush sizes and be supported with options to clear the current picture, set the background colour and erase previously painted areas. Please review the 6 sections outlined in the Marks Awarded part of this document for a full breakdown of the features, functions and programmingrequirements as well as the potential penalties associated with any incorrector constrained aspects of this [login to view URL] Behaviours:Yourprogram should render a suitable painting canvas (e.g. area size: 800px x 800px) within which the user can “paint” colours. When the mouse is moved over the painting area a suitable stylus is used to replace the mouse pointer; the stylus will track any mouse movements made over the canvas and so will indicatewhere the painting (or erasing) will occur. The user is able to select a “paint” tool or an “erase” tool (these can be buttons or icons). If the “paint” tool is selected, when the user presses (holds) the left mouse button the system will begin painting using the currently selected colour. If the “erase” tool is selected, the system will perform a similar function to that of “paint” but will erase any previously painted marks (in essence, thiscouldsimply be a repaint of the area using the canvas background colour –technically this is more like ‘overpainting’ rather than erasing but the effect should be identical). Regardless of the selected tool –while the left mouse button is depressed the painting stylus will track all mouse movements while on the canvas; e.g. as the user moves the mouse the stylusand painting effect willtrack it. Once the left mouse button is released the pain or eraseeffect shouldcease. A Word of Advice:Although this is likely a challenging assignment -as you consider solutionsyou will likely beginto see ways to start to reduce some of itspotential complexities by using functions. Functions are reusable, named blocks of code (a block of code is simplya series of instructions that willbe executed) that can be given information (data) toact on, use and/or changed. Functions can also return data; this data can be the same information it was given or be an updated value or completely different bit of information -you (the programmer) decidesbased on their needs or the solution’s requirements). Data returned from a function can be stored(using variables) and/or be passed back to the same or a different functionso that a series ofactions can be performed,or the data can be changed, modified,further acted uponor calculated; functions