JavaScript Tutorial JavaScript Examples JQuery Tutorial CSS Tutorial HTML Tutorial About Us

Lesson 31 Creating Graphics Part 1

We can use JavaScript to draw graphics on an HTML document. In this lesson, we shall learn how to draw straight lines, triangles, and rectangles with outlines only. Before we can draw graphics on an HTML document, first we need to create a canvas using the <canvas> element. However, we cannot draw any graphics with the Canvas element alone. In order to draw on the canvas, we need to use JavaScript. To create the canvas, use the following HTML statement:

To learn the details of creating graphics, we suggest you get hold a copy of JavaScript Made Easy Edition 2.

Preview the book

ISBN: 79-8636196570

Price: $20


Dear Friend, JavaScript Made Easy is an eBook written by the webmaster of our JavaScript Tutorial , Dr.Liew. It complements our free online tutorial by providing a complete tutorial for beginners. By reading this book ,you can:
  • Understand the basic concepts of JavaScript.
  • Create your own JavaScript Codes.
  • Get ideas from many interesting sample codes.
  • Modify the codes easily to suit your needs.
  • Learn how to implement JavaScript on your website.
You need PayPal account to order this E-book. If you don't have PayPal Account, get your PayPal account by clicking the banner below:
Sign up for PayPal and start accepting credit card payments instantly.

*Please wait for 10 seconds for PayPal to redirect you to E-book Download Page after ordering and making payment. Any problem please email:

Warmest Regards (Dr.Liew Voon Kiong)

❮ Previous Lesson Next Lesson ❯

Copyright©2008 Dr.Liew Voon Kiong. All rights reserved |Contact|Privacy Policy