O'Reilly logo

HTML5 by Matthew David

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

PROJECT 4: CREATING SVG LOGOS AND CANVAS CHARTS

SVG and CANVAS are two tools you can use to add illustrations to your HTML5 web sites. In this project chapter you are going to add an SVG logo and a CANVAS-drawn bar chart.

Creating an SVG Logo

First, let’s look at what you are going to create for your logo. Figure 4.1Proj shows the final page with a logo used as a watermark.

Figure 4.1Proj The orange logo is an SVG illustration.

image

The background image is created as a single SVG file. Download the files for this project at www.visualizetheweb.com. The SVG file is called “logo.svg.” You can, of course, create the logo by following these steps:

1.  Create ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required