HTML5 Canvas

This HTML5 demo focuses on the use of the Canvas API and shows you how to paint a very simple animation.

Grace Walker, IT Consultant, Walker Automated Services

Grace Walker, a partner in Walker Automated Services in Chicago, Illinois, is an IT consultant with a diverse background and broad experience. She has worked in IT as a manager, administrator, programmer, instructor, business analyst, technical analyst, systems analyst, and Web developer in various environments, including telecommunications, education, financial services, and software.



14 September 2011

The HTML5 Canvas API facilitates the development of compelling dynamic content that will help you sell your product, your concept or whatever you wish to promote. Using the manipulation of color, screen location, Canvas gives you the power to create both movement and eye appealing assets. These assets are essential elements, encouraging ongoing dialog between you and your site's visitors. This demo looks at the code required to utilize basic geometric figures on the canvas. The example used in the demo is an animated painting of a small sailboat breezing by a tranquil sky, land, and sea setting.

Duration

7 minutes

Download

DescriptionNameSize
TranscriptDemo_HTML5_Canvas.pdf65KB

Resources

Learn

Get products and technologies

  • The Dojo Toolkit, an open source modular JavaScript library, helps you quickly develop cross-platform, JavaScript/Ajax-based applications and websites.
  • Try IBM software for free. Download a trial version, log into an online trial, work with a product in a sandbox environment, or access it through the cloud. Choose from over 100 IBM product trials.

Discuss

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Web development
ArticleID=757760
SummaryTitle=HTML5 Canvas
publish-date=09142011