Extracted text: Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo,...

Question

Extracted text: Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo, lineTo, fill, stroke,
and other JavaScript canvas functions.
• Add a link from your portfolio page to the cartoon.
• Cartoon page must have a title. Include a link under the canvas to retum to your main page.
• You should use an external JS file for your JavaScript code.
Comment the different sections of your cartoon using JS comments, so that someone can easily
understand what is being drawn.
Your cartoon should include
Some caption text (must be written on the canvas!)
Background color
Sun, Moon, Clouds, Water, Mountains, Trees, and/or other background objects
• Ground color
Living Quarters with details (windows, door, etc). Could be a boat, tent, house, spaceship, etc.
• Use a for loop to draw grass, rocks, fence, ladder, or some other receptive item in the cartoon.

Robert · Accepted Answer

HTML5 Canvas Animations:-
The HTML5 canvas element draws graphics on the screen with the aid of JavaScript. Here’s a simple HTML5 canvas markup:

You must use JavaScript to draw the type of shape and animations you desire. For example, you can draw a simple shape with this code:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();
Here’s the animation model of the solar system crafted by the guys at MDN Web Docs::
HTML:

Using a HTML5 Canvas & JavaScript, draw some cartoon on the screen using moveTo, lineTo, fill, stroke, and other JavaScript canvas functions. • Add a link from your portfolio page to the cartoon. •...

Solution

Answer To This Question Is Available To Download

Related Questions & Answers

Submit New Assignment