Vector Image
For my vector illustration, I chose to use an image of me from my recent trip to Colorado. While this project overall was a challenge, the hardest part was the facial features, hair, and vest pattern.
HTML Coding
For this assignment I chose to code the apple logo. The hardest part about this was the bulge on the left side of the apple. I had to change it from a quadratic to a bezier curve a few times. <!DOCTYPE HTML> <html> <head> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); ////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ //stem// context.beginPath(); context.moveTo(500, 15); context.quadraticCurveTo(375, 25, 378, 149); context.quadraticCurveTo(500, 149, 500, 15); context.fillStyle = "black"; context.fill(); context.strokeStyle ="black"; context.stroke(); //apple// context.beginPath(); context.moveTo(605, 205); context.quadraticCurveTo(500, 125, 378, 175); context.quadraticCurveTo(275, 125, 175, 205); context.bezierCurveTo(116, 245, 116, 405, 175, 475); context.quad...
Comments
Post a Comment