Complement canvas with HTML markup, Part 2, Animation and text rendering

Overcome obstacles with layering

From the developerWorks archives

Ryan DeLuca and Kevin Moot

Date archived: January 4, 2017 | First published: August 28, 2012

HTML canvas excels in many ways, including the great performance that comes with low overhead and direct pixel manipulation. However, canvas falls short in a few areas where HTML does exceedingly well: text rendering, SEO, accessibility, and device-independent markup. Part 1 of this series compared and contrasted the strengths of the traditional HTML model and the canvas API. It also explored hybrid HTML/Canvas applications. In this conclusion to the series, learn how to implement a sample application that involves a canvas implementation of text rendering, and how to create a canvas-based game with a rich HTML-based user interface that combines the strengths of both approaches.

This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some steps and illustrations may have changed.

Zone=Web development, Open source
ArticleTitle=Complement canvas with HTML markup, Part 2: Animation and text rendering