<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Activity 2 Drawing Canvas</title> </head> <body> <canvas id="myCanvas" width="668" height="470" style="border:5px dotted #000000;"> </canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.globalAlpha = 0.8 ctx.fillStyle = "pink"; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.beginPath();//head ctx.fillStyle = 'brown'; ctx.arc(300,130,100,0,Math.PI *2); ctx.fill(); ctx.beginPath();//eyesandmouth ctx.fillStyle = 'cyan'; ctx.rect(250,100,30,30,Math.PI *2); ctx.moveTo(370,120); ctx.rect(315,100,30,30,Math.PI *2); ctx.moveTo(240,160); ctx.arc(300,160,40,0,Math.PI); ctx.fill(); ctx.moveTo(300,130); ctx.beginPath();//body ctx.fillStyle="brown" ctx.re...
Comments
Post a Comment