Click here to Skip to main content
15,848,905 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
I am trying to to do is if you hold the shift key when moving the mouse from one point to another that it would fill in between them. I don't seem to know how to do it. I have so far if someone could help me please?

//Set the draw Function
function DrawCanvas(xpos, ypos, PressedDown,PressedShift) 
	var cwidth = document.getElementById('canvasWidth').value;
	var ccolour = document.getElementById('canvasColour').value;
	//Check if Mouse is Pressed Down
    if (PressedDown) 
		//Start drawing a new path
		//Set Stroke Style
        canvascontext.strokeStyle = ccolour;
		//Set Line Tickness
        canvascontext.lineWidth = cwidth;
		//Set the Linse Style to Default Round
        canvascontext.lineJoin = "round";
		//Go to the Current Point of the Cursor
        canvascontext.moveTo(currentXpos, currentYpos);
		//Draw Straight Line From Current Position
        canvascontext.lineTo(xpos, ypos);
			canvascontext.arc(currentXpos, currentYpos,50,0,currentYpos, false);
			//End the Current Path

		//Make the Drawing Visible
	//Set X and Y Positions to Current X and Y Positions
    currentXpos = xpos;
    currentYpos = ypos;

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900