Search the Community
Showing results for tags 'draw'.
Found 2 results
-
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 present code is just to get the range, but the oval circle is annoying. Does anyone know why it is happening? I have attached the HTML file as well. Also since this is a JavaScript forum why cant I attach the original .js file? index.html
-
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 would be greatly appreciated. Thanks Paul
