Painting the DOM to Canvas with Domvas

Domvas is a tool that uses what amounts to a backdoor via SVG to allow you to turn DOM elements into images that can be painted onto a Canvas.

Why would you want to do this? Well, taking advantage of all the neat CSS3 effects for HUD elements for a start.

How does it work? Creator Paul Bakaus explains: “Domvas uses a feature of SVG that allows you to embed XHTML content into the SVG – and as you might know, the actual SVG can be used as a data uri, and therefore behaves like a standard image.”

Tron: a Canvas game in 219 bytes Alok Menghrajani has a fantastic write-up on how he and some coworkers were able to build a fully-functioning HTML5 game using canvas in 219 bytes, including all the page HTML....

HTML5 Canvas Cheat Sheet DZone has a nice Downloadable, PDF Cheat Sheet for HTML5 Canvas that covers the Canvas Element in depth, going over the basics of when using the element is appropriate and...

With the rise of HTML5 technology, large platforms such as Facebook have used it to power their games system within Facebook Messenger. This allows developers to create interesting content to reach massive audiences.