Rendering HTML5 Illustrations

Visual design is managed with Cascading Style Sheets. Pictures and images, however, have their own set of standards for HTML5. Typically, HTML has only provided support for pixel-based images in Joint Photographic Experts Group (JPEG) and Graphic Interchange Format (GIF) image format. With HTML5, you can now create mathematically generated images. The new formats are scalable vector graphics (SVG) and CANVAS. The difference between the two is that SVG is an Extensible Markup Language (XML)-based language that describes how an image should be displayed in two-dimensional (2D) constructs. The CANVAS tag also describes 2D images, but it does so using JavaScript. The CANVAS tag also allows you to easily integrate ...

Get HTML5, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.