Search the Community
Showing results for tags 'draw'.
-
Hi I am trying to recreate the old Pong game using JS. I am getting this code function init(){ var canvas=document.getElementById('play');var ctx=canvas.getContext('2d');ctx.fillStyle='green';ctx.fillRect(0,0,800,400);var c = document.getElementById("play");var ctx = c.getContext("2d");ctx.beginPath();ctx.arc(95,50,40,0,2*Math.PI);ctx.fillStyle = "red";ctx.fill();}document.addEventListener("DOMContentLoaded", init, false); to produce a green rectangle with a red circle on it, except the circle becomes an oval if I define the size of the canvas in either JS or CSS. The presen
-
Hello, I am wanting to create a function on my website that allows visitors to use their cursor to draw. The visitor is not required to make any selections to do this. I would have an area where as soon as the cursor moves a thin line or trail will be left wherever the cursor goes - effectively allowing them to draw. This trail would remain until they leave or refresh the site. I have seen this done on a website a few years ago but unfortunately I don't have examples to illustrate. Can anyone offer advice as to how this may be done? Would this require JavaScript or something else? Any advice w