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.
- HTML5 fundamentals, Part 4: The final touch (developerWorks, July 2011) provides an overview of the HTML5 Canvas including image manipulation and animation.
- Create great graphics with the HTML5 canvas (developerWorks, February 2011) is a guide to the development of graphical techniques and processes.
- The Safari Dev Center has a demo called Canvas Pixel Manipulation that is an excellent example of managing the canvas to develop effective visual assets.
- WHATWG's HTML Living Standard provides a window to the evolving development of the HTML5 canvas specs.
- W3Schools.com's HTML5 Canvas reference has several useful exercises to help you hone your canvas knowledge.
- MDM Docs's Canvas tutorial is a good, basic tutorial that reflects the development expertise of Mozilla.
- Let's Call It A Draw(ing Surface) is an innovative walk-through for a basic comprehension of the HTML5 canvas.
- The Web development zone specializes in articles covering various web-based solutions.
- Stay current with developerWorks technical events and webcasts.
- Follow developerWorks on Twitter.
Get products and technologies
- 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.
- Create your developerWorks profile today and set up a watchlist on HTML. Get connected and stay connected with developerWorks community.
- Find other developerWorks members interested in web development.
- Share what you know: Join one of our developerWorks groups focused on web topics.
- Roland Barcia talks about Web 2.0 and middleware in his blog.
- Follow developerWorks' members' shared bookmarks on web topics.
- Get answers quickly: Visit the Web 2.0 Apps forum.
- Get answers quickly: Visit the Ajax forum.